Alles rund um die Farbe

Gib hier einfach die Farbe ein und los geht's:

convert-color-your

convert-color-your-explanation

#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

convert-color-complementary

convert-color-complementary-explanation

#0080ff
rgb(0, 128, 255)

convert-color-analogous

convert-color-analogous-explanation

#ff0000
rgb(255, 0, 0)

#ff8000
rgb(255, 128, 0)

#ffff00
rgb(255, 255, 0)

convert-color-analogous-close

convert-color-analogous-close-explanation

#ff4000
rgb(255, 64, 0)

#ff8000
rgb(255, 128, 0)

#ffbf00
rgb(255, 191, 0)

convert-color-triadic

convert-color-triadic-explanation

#ff8000
rgb(255, 128, 0)

#00ff80
rgb(0, 255, 128)

#8000ff
rgb(128, 0, 255)

convert-color-triadic

convert-color-triadic-explanation

#ff8000
rgb(255, 128, 0)

#00ff80
rgb(0, 255, 128)

#8000ff
rgb(128, 0, 255)

convert-color-split-complementary

convert-color-split-complementary-explanation

#ff8000
rgb(255, 128, 0)

#00ffff
rgb(0, 255, 255)

#0000ff
rgb(0, 0, 255)

convert-color-tetradic

convert-color-tetradic-explanation

#ff8000
rgb(255, 128, 0)

#00ffc8
rgb(0, 255, 200)

#0080ff
rgb(0, 128, 255)

#ff0037
rgb(255, 0, 55)

convert-color-tetradic-left

convert-color-tetradic-left-explanation

#ff8000
rgb(255, 128, 0)

#c8ff00
rgb(200, 255, 0)

#0080ff
rgb(0, 128, 255)

#3700ff
rgb(55, 0, 255)

convert-color-square

convert-color-square-explanation

#ff8000
rgb(255, 128, 0)

#00ff00
rgb(0, 255, 0)

#0080ff
rgb(0, 128, 255)

#ff00ff
rgb(255, 0, 255)

convert-color-five

convert-color-five-explanation

#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)

convert-color-six

convert-color-six-explanation

#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)

convert-color-tints

convert-color-tints-explanation

#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)

convert-color-shades

convert-color-shades-explanation

#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)

convert-color-desaturated

convert-color-desaturated-explanation

#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)

convert-color-intensify

convert-color-intensify-explanation

#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)

convert-color-url

convert-color-url-explanation

Facebook Google+ Xing Twitter