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

             

    Legal Info | Terms | Privacy




    You can view this page as reduced HTML version as well.

    We are using cookies and by using this service you agree that cookies are used. Here our Privacy Terms. OK