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%", ...

    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-url

    convert-color-url-explanation

    Facebook   Google+   Xing   Twitter