Everything around colors

Specify the color value your are interested in:

Color
Enter the color you want to view, e.g. "#ff8000", "rgb 255,128,0", "hsl 260,0.5,0.5", "hsl 200,50%,50%", "hsv 300,0.4,0.5", "cmyk 20%,20%,10%,0%", ...

Color Information

Overview of the most important information about your selected color.

#fffc00
rgb(255, 252, 0)

hex : #fffc00
rgb : rgb(255, 252, 0)
hsl : hsl(59.294, 100%, 50%)
Name : Gold
HEX : #FFFC00
RGB : 255, 252, 0
HSL : 59.294, 1, 0.5
HSL % : 59.294, 100, 50
HSV : 59.294, 1, 1
HSV % : 59.294, 100, 100
CMY : 0, 0.012, 1
CMYK % : 0%, 1.2%, 100%, 0%
XYZ : 76.05, 90.881, 13.533
CIELAB : 96.361, -20.131, 93.916


Complementary Color

The complementary color is the color on the other side of the color wheel.
#0004ff
rgb(0, 4, 255)


Analogous Color Scheme

The analogous color scheme uses colors which are next to the main color on the color wheel. In this case the analogous colors are 30° right and left of the main color.
#ff7b00
rgb(255, 123, 0)
#fffc00
rgb(255, 252, 0)
#84ff00
rgb(132, 255, 0)


Analogous Color Scheme (Close)

The close analogous color scheme uses colors which are close to the main color on the color wheel. In this case the analogous colors are 15° right and left of the main color.
#ffbb00
rgb(255, 187, 0)
#fffc00
rgb(255, 252, 0)
#c4ff00
rgb(196, 255, 0)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#fffc00
rgb(255, 252, 0)
#00fffb
rgb(0, 255, 251)
#fb00ff
rgb(251, 0, 255)


Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.
#fffc00
rgb(255, 252, 0)
#00fffb
rgb(0, 255, 251)
#fb00ff
rgb(251, 0, 255)


Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.
#fffc00
rgb(255, 252, 0)
#0084ff
rgb(0, 132, 255)
#7b00ff
rgb(123, 0, 255)


Tetradic Color Scheme

The tetradic color scheme distributes four colors on the color wheel. In this case the creation of the rectangle to distribute the colors is based on the golden ratio.
#fffc00
rgb(255, 252, 0)
#00bbff
rgb(0, 187, 255)
#0004ff
rgb(0, 4, 255)
#ff4400
rgb(255, 68, 0)


Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.
#fffc00
rgb(255, 252, 0)
#4dff00
rgb(77, 255, 0)
#0004ff
rgb(0, 4, 255)
#b300ff
rgb(179, 0, 255)


Square Color Scheme

The square color scheme distributes four color equally on the color wheel.
#fffc00
rgb(255, 252, 0)
#00ff7b
rgb(0, 255, 123)
#0004ff
rgb(0, 4, 255)
#ff0084
rgb(255, 0, 132)


Five Color Scheme

This color scheme distributes 5 colors equally on the color wheel. Therefore each color is 72° away from the next one.
#fffc00
rgb(255, 252, 0)
#00ff2f
rgb(0, 255, 47)
#009dff
rgb(0, 157, 255)
#9500ff
rgb(149, 0, 255)
#ff0037
rgb(255, 0, 55)


Six Color Scheme

In this color scheme there are six colors equally distributed over the color wheel. Therefore each color is away 60° of the next one.
#fffc00
rgb(255, 252, 0)
#04ff00
rgb(4, 255, 0)
#00fffb
rgb(0, 255, 251)
#0004ff
rgb(0, 4, 255)
#fb00ff
rgb(251, 0, 255)
#ff0004
rgb(255, 0, 4)


Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.
#fffb00 | rgb(255, 251, 0)
#fffb24 | rgb(255, 251, 36)
#fffc49 | rgb(255, 252, 73)
#fffd6d | rgb(255, 253, 109)
#fffd92 | rgb(255, 253, 146)
#fffeb6 | rgb(255, 254, 182)
#fffedb | rgb(255, 254, 219)
#ffffff | rgb(255, 255, 255)


Shades

Shades are created by reducing the luminance of the color down to black.
#fffb00 | rgb(255, 251, 0)
#dbd700 | rgb(219, 215, 0)
#b6b300 | rgb(182, 179, 0)
#928f00 | rgb(146, 143, 0)
#6d6b00 | rgb(109, 107, 0)
#494800 | rgb(73, 72, 0)
#242400 | rgb(36, 36, 0)
#000000 | rgb(0, 0, 0)


Desaturated Colors

Desaturated colors are created by reducing the saturation of the color until the color becomes gray.
#fffb00 | rgb(255, 251, 0)
#ede912 | rgb(237, 233, 18)
#dbd824 | rgb(219, 216, 36)
#c8c637 | rgb(200, 198, 55)
#b6b449 | rgb(182, 180, 73)
#a4a35b | rgb(164, 163, 91)
#92916d | rgb(146, 145, 109)
#808080 | rgb(128, 128, 128)


Intense Colors

Intense colors are created by increasing the saturation of the color until the maximum saturation is reached.
#fffb00 | rgb(255, 251, 0)


convert-color-hues

convert-color-hues-explanation
#fffb00 | rgb(255, 251, 0) | hsl(59.059, 1,0.5)
#a6ff00 | rgb(166, 255, 0) | hsl(80.941, 1,0.5)
#44ff00 | rgb(68, 255, 0) | hsl(104, 1,0.5)
#00ff1a | rgb(0, 255, 26) | hsl(126.118, 1,0.5)
#00ff7b | rgb(0, 255, 123) | hsl(148.941, 1,0.5)
#00ffd9 | rgb(0, 255, 217) | hsl(171.059, 1,0.5)
#00c4ff | rgb(0, 196, 255) | hsl(193.882, 1,0.5)
#0066ff | rgb(0, 102, 255) | hsl(216, 1,0.5)
#0004ff | rgb(0, 4, 255) | hsl(239.059, 1,0.5)
#5900ff | rgb(89, 0, 255) | hsl(260.941, 1,0.5)
#bb00ff | rgb(187, 0, 255) | hsl(284, 1,0.5)
#ff00e6 | rgb(255, 0, 230) | hsl(305.882, 1,0.5)
#ff0084 | rgb(255, 0, 132) | hsl(328.941, 1,0.5)
#ff0026 | rgb(255, 0, 38) | hsl(351.059, 1,0.5)
#ff3c00 | rgb(255, 60, 0) | hsl(14.118, 1,0.5)
#ff9900 | rgb(255, 153, 0) | hsl(36, 1,0.5)


Color Table

Showing the color table based on modified HSL values. Values are separated by comma(,).

H (0-360):
S (0-100):
L (0-100):
Select (x-y):

Saturation: 80(-20)
1
2
3
4
5
1
#570f8a
rgb(87, 15, 138)
#8a0f2a
rgb(138, 15, 42)
#8a880f
rgb(138, 136, 15)
#0f8a26
rgb(15, 138, 38)
#0f5b8a
rgb(15, 91, 138)
2
#911ae6
rgb(145, 26, 230)
#e61a46
rgb(230, 26, 70)
#e6e21a
rgb(230, 226, 26)
#1ae63f
rgb(26, 230, 63)
#1a97e6
rgb(26, 151, 230)
3
#bd75f0
rgb(189, 117, 240)
#f07590
rgb(240, 117, 144)
#f0ee75
rgb(240, 238, 117)
#75f08c
rgb(117, 240, 140)
#75c1f0
rgb(117, 193, 240)
Saturation: 100(0)
1
2
3
4
5
4
#590099
rgb(89, 0, 153)
#990021
rgb(153, 0, 33)
#999600
rgb(153, 150, 0)
#00991c
rgb(0, 153, 28)
#005e99
rgb(0, 94, 153)
5
#9500ff
rgb(149, 0, 255)
#ff0037
rgb(255, 0, 55)
#fffb00
rgb(255, 251, 0)
#00ff2f
rgb(0, 255, 47)
#009dff
rgb(0, 157, 255)
6
#bf66ff
rgb(191, 102, 255)
#ff6687
rgb(255, 102, 135)
#fffc66
rgb(255, 252, 102)
#66ff82
rgb(102, 255, 130)
#66c4ff
rgb(102, 196, 255)
Saturation: 100(+20)
1
2
3
4
5
7
#590099
rgb(89, 0, 153)
#990021
rgb(153, 0, 33)
#999600
rgb(153, 150, 0)
#00991c
rgb(0, 153, 28)
#005e99
rgb(0, 94, 153)
8
#9500ff
rgb(149, 0, 255)
#ff0037
rgb(255, 0, 55)
#fffb00
rgb(255, 251, 0)
#00ff2f
rgb(0, 255, 47)
#009dff
rgb(0, 157, 255)
9
#bf66ff
rgb(191, 102, 255)
#ff6687
rgb(255, 102, 135)
#fffc66
rgb(255, 252, 102)
#66ff82
rgb(102, 255, 130)
#66c4ff
rgb(102, 196, 255)

Selected Colors

#911ae6
rgb(145, 26, 230)
#e6e21a
rgb(230, 226, 26)

Color Information and Schemes in the URL

The idea and reason of this page is getting color information. Fast and simple. Therefore I created it in a way that you can specify the color you are interested in directly in the URL.\n\nSome example how colors can be specified in the URL:\nSpecifying a hex value. Make sure to remove the # sign:\nhttps://www.ceylon-online.com/color/ff8000 \n\nDirectly specify an RGB code:\nhttps://www.ceylon-online.com/color/rgb(255,128,0)\n\nDirectly specify an HSL value:\nhttps://www.ceylon-online.com/color/hsl(100,0.3,0.3)\n\nOr specify the HSL values as percentages:\nhttps://www.ceylon-online.com/color/hsl(100,30,30)

Full URL:
https://www.ceylon-online.com/color/fffc00//?hues=&sats=&lums=&sel=

Facebook   Google+   Xing   Twitter