Alles rund um die Farbe

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

Farbe
Gib die Farbe an, welche ausgewertet werden soll, z.B. "#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%", ...

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





Diese Seite gibt es auch als reduzierte HTML Version.