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)


    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:
    \nhttp://www.russwurm.at/color/ff8000
    \n
    \nDirectly specify an RGB code:
    \nhttp://www.russwurm.at/color/rgb(255,128,0)
    \n
    \nDirectly specify an HSL value:
    \nhttp://www.russwurm.at/color/hsl(100,0.3,0.3)
    \n
    \nOr specify the HSL values as percentages:
    \nhttp://www.russwurm.at/color/hsl(100,30,30)


    Facebook   Google+   Xing   Twitter