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.

#ff8000
rgb(255, 128, 0)

hex :	#ff8000
rgb :	rgb(255, 128, 0)
hsl :	hsl(30.118, 100%, 50%)

Name :	Orange
HEX :	#FF8000
RGB :	255, 128, 0
HSL :	30.118, 1, 0.5
HSL % :	30.118, 100, 50
HSV :	30.118, 1, 1
HSV % :	30.118, 100, 100
CMY :	0, 0.498, 1
CMYK % :	0%, 49.8%, 100%, 0%
XYZ :	48.959, 36.698, 4.503
CIELAB :	67.05, 42.833, 74.026

Complementary Color

The complementary color is the color on the other side of the color wheel.

#0080ff
rgb(0, 128, 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.

#ff0000
rgb(255, 0, 0)

#ff8000
rgb(255, 128, 0)

#ffff00
rgb(255, 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.

#ff4000
rgb(255, 64, 0)

#ff8000
rgb(255, 128, 0)

#ffbf00
rgb(255, 191, 0)

Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.

#ff8000
rgb(255, 128, 0)

#00ff80
rgb(0, 255, 128)

#8000ff
rgb(128, 0, 255)

Triadic Colors

Triadic colors are created by distributing three colors equally over the color wheel.

#ff8000
rgb(255, 128, 0)

#00ff80
rgb(0, 255, 128)

#8000ff
rgb(128, 0, 255)

Split Complementary

The split complementary color scheme uses two additional colors which are close to the complementary color.

#ff8000
rgb(255, 128, 0)

#00ffff
rgb(0, 255, 255)

#0000ff
rgb(0, 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.

#ff8000
rgb(255, 128, 0)

#00ffc8
rgb(0, 255, 200)

#0080ff
rgb(0, 128, 255)

#ff0037
rgb(255, 0, 55)

Tetradic Color Scheme Left

Basically the same scheme as before - just turning the rectangle the other way around.

#ff8000
rgb(255, 128, 0)

#c8ff00
rgb(200, 255, 0)

#0080ff
rgb(0, 128, 255)

#3700ff
rgb(55, 0, 255)

Square Color Scheme

The square color scheme distributes four color equally on the color wheel.

#ff8000
rgb(255, 128, 0)

#00ff00
rgb(0, 255, 0)

#0080ff
rgb(0, 128, 255)

#ff00ff
rgb(255, 0, 255)

Five Color Scheme

This color scheme distributes 5 colors equally on the color wheel. Therefore each color is 72° away from the next one.

#ff8000
rgb(255, 128, 0)

#4dff00
rgb(77, 255, 0)

#00ffe6
rgb(0, 255, 230)

#1900ff
rgb(25, 0, 255)

#ff00b3
rgb(255, 0, 179)

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.

#ff8000
rgb(255, 128, 0)

#80ff00
rgb(128, 255, 0)

#00ff80
rgb(0, 255, 128)

#0080ff
rgb(0, 128, 255)

#8000ff
rgb(128, 0, 255)

#ff0080
rgb(255, 0, 128)

Tints

Tints are created by increasing the luminance for each consecutive color until white is reached.

#ff8000 | rgb(255, 128, 0)

#ff9224 | rgb(255, 146, 36)

#ffa449 | rgb(255, 164, 73)

#ffb66d | rgb(255, 182, 109)

#ffc892 | rgb(255, 200, 146)

#ffdbb6 | rgb(255, 219, 182)

#ffeddb | rgb(255, 237, 219)

#ffffff | rgb(255, 255, 255)

Shades

Shades are created by reducing the luminance of the color down to black.

#ff8000 | rgb(255, 128, 0)

#db6d00 | rgb(219, 109, 0)

#b65b00 | rgb(182, 91, 0)

#924900 | rgb(146, 73, 0)

#6d3700 | rgb(109, 55, 0)

#492400 | rgb(73, 36, 0)

#241200 | rgb(36, 18, 0)

#000000 | rgb(0, 0, 0)

Desaturated Colors

Desaturated colors are created by reducing the saturation of the color until the color becomes gray.

#ff8000 | rgb(255, 128, 0)

#ed8012 | rgb(237, 128, 18)

#db8024 | rgb(219, 128, 36)

#c88037 | rgb(200, 128, 55)

#b68049 | rgb(182, 128, 73)

#a4805b | rgb(164, 128, 91)

#92806d | rgb(146, 128, 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.

#ff8000 | rgb(255, 128, 0)

convert-color-hues

convert-color-hues-explanation

#ff8000 | rgb(255, 128, 0) | hsl(30.118, 1,0.5)

#ffdd00 | rgb(255, 221, 0) | hsl(52, 1,0.5)

#bfff00 | rgb(191, 255, 0) | hsl(75.059, 1,0.5)

#62ff00 | rgb(98, 255, 0) | hsl(96.941, 1,0.5)

#00ff00 | rgb(0, 255, 0) | hsl(120, 1,0.5)

#00ff5e | rgb(0, 255, 94) | hsl(142.118, 1,0.5)

#00ffbf | rgb(0, 255, 191) | hsl(164.941, 1,0.5)

#00e1ff | rgb(0, 225, 255) | hsl(187.059, 1,0.5)

#0080ff | rgb(0, 128, 255) | hsl(209.882, 1,0.5)

#0022ff | rgb(0, 34, 255) | hsl(232, 1,0.5)

#4000ff | rgb(64, 0, 255) | hsl(255.059, 1,0.5)

#9d00ff | rgb(157, 0, 255) | hsl(276.941, 1,0.5)

#ff00ff | rgb(255, 0, 255) | hsl(300, 1,0.5)

#ff00a2 | rgb(255, 0, 162) | hsl(321.882, 1,0.5)

#ff0040 | rgb(255, 0, 64) | hsl(344.941, 1,0.5)

#ff1e00 | rgb(255, 30, 0) | hsl(7.059, 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	#1c0f8a rgb(28, 15, 138)	#8a0f65 rgb(138, 15, 101)	#8a4d0f rgb(138, 77, 15)	#348a0f rgb(52, 138, 15)	#0f8a7d rgb(15, 138, 125)
2	#2e1ae6 rgb(46, 26, 230)	#e61aa8 rgb(230, 26, 168)	#e6801a rgb(230, 128, 26)	#57e61a rgb(87, 230, 26)	#1ae6d1 rgb(26, 230, 209)
3	#8275f0 rgb(130, 117, 240)	#f075cb rgb(240, 117, 203)	#f0b375 rgb(240, 179, 117)	#9af075 rgb(154, 240, 117)	#75f0e3 rgb(117, 240, 227)
	Saturation: 100(0)
	1	2	3	4	5
4	#0f0099 rgb(15, 0, 153)	#99006b rgb(153, 0, 107)	#994d00 rgb(153, 77, 0)	#2e9900 rgb(46, 153, 0)	#00998a rgb(0, 153, 138)
5	#1900ff rgb(25, 0, 255)	#ff00b3 rgb(255, 0, 179)	#ff8000 rgb(255, 128, 0)	#4dff00 rgb(77, 255, 0)	#00ffe6 rgb(0, 255, 230)
6	#7566ff rgb(117, 102, 255)	#ff66d1 rgb(255, 102, 209)	#ffb366 rgb(255, 179, 102)	#94ff66 rgb(148, 255, 102)	#66fff0 rgb(102, 255, 240)
	Saturation: 100(+20)
	1	2	3	4	5
7	#0f0099 rgb(15, 0, 153)	#99006b rgb(153, 0, 107)	#994d00 rgb(153, 77, 0)	#2e9900 rgb(46, 153, 0)	#00998a rgb(0, 153, 138)
8	#1900ff rgb(25, 0, 255)	#ff00b3 rgb(255, 0, 179)	#ff8000 rgb(255, 128, 0)	#4dff00 rgb(77, 255, 0)	#00ffe6 rgb(0, 255, 230)
9	#7566ff rgb(117, 102, 255)	#ff66d1 rgb(255, 102, 209)	#ffb366 rgb(255, 179, 102)	#94ff66 rgb(148, 255, 102)	#66fff0 rgb(102, 255, 240)

Selected Colors

#2e1ae6
rgb(46, 26, 230)

#e6801a
rgb(230, 128, 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/es/color//?hues=&sats=&lums=&sel=

Facebook Google+ Xing Twitter