Farver

Farver på internettet skabes vha. blandinger af grundfarver, oftest rød, grøn og blå (kaldet RGB). En farves "intensitet" eller "andel" i blandingen sættes som en værdi mellem 0 (ingen) og 255 (maksimal). Sættet RGB(0,0,0) giver sort, da ingen farver er synlige (alles intensiteter er 0); sættet RGB(255,255,255) giver hvid, da alle farver udstråles maksimalt samtidig.

Da der er 256 mulige intensister for hver af 3 farver, er der 256 x 256 x 256 = 16777216, altså over 16½ millioner mulige farvekombinationer at bruge af.

I kode på internettet angives farver vha. deres farvekode. Det kan være RGB(255,255,255)  eller det tilsvarende omskrevet til hexadecimaltal, fx #ffffff. Enkelte typiske farver har desuden fået et farve-"navn", der kan benyttes som hurtig genvej, fx white.

Herunder en Color Picker (farvevælger), hvori enhver farve kan vælges og dens farvekode kopieres. Farvetabellerne derunder oplister alle farver med et farvenavn (af typen x11) sammen med deres farvekoder i både RGB- og hex-format.

Som bogejer er du muligvis også interesseret i vores kursus i grundlæggende websiteudvikling i html & css. Vi udbyder kurset i samarbejde med Explaint og benytter bogen som lærebog. Klik på billedet for at læse mere.

Color picker

Vælg din farve og kopiér farvekoden

    Farver med farvenavne

    Farver med farvenavne, der kan bruges i koden i stedet for en farvekode. Vist med farvenavn, hex-farvekode og RGB-farvekode

    Lyserøde nuancer

    pink#ffc0cBRGB(255,192,203)
    lightpink#ffb6c1RGB(255,182,193)
    hotpink#ff69b4RGB(255,105,180)
    deeppink#ff1493RGB(255, 20,147)
    palevioletred#db7093RGB(219,112,147)
    mediumvioletred#c71585RGB(199, 21,133)

    Røde nuancer

    lightsalmon#ffa07aRGB(255,160,122)
    salmon#fa8072RGB(250,128,114)
    darksalmon#e9967aRGB(233,150,122)
    lightcoral#f08080RGB(240,128,128)
    indianred#cd5c5cRGB(205, 92, 92)
    crimson#dc143cRGB(220, 20, 60)
    firebrick#b22222RGB(178, 34, 34)
    darkred#8b0000RGB(139, 0 , 0 )
    red#ff0000RGB(255, 0 , 0 )

    Orange nuancer

    orangered#ff4500RGB(255, 69, 0 )
    tomato#ff6347RGB(255, 99, 71)
    coral#ff7f50RGB(255,127, 08)
    darkorange#ff8c00RGB(255,140, 0 )
    orange#ffa500RGB(255,165, 0 )

    Gule nuancer

    yellow#ffff00RGB(255,255, 0 )
    lightyellow#ffffe0RGB(255,255,224)
    lemonchiffon#fffacdRGB(255,250,205)
    lightgoldenrodyellow#fafad2RGB(250,250,210)
    papayawhip#ffefd5RGB(255,239,213)
    moccasin#ffe4b5RGB(255,228,181)
    peachpuff#ffdab9RGB(255,218,185)
    palegoldenrod#eee8aaRGB(238,232,170)
    khaki#f0e68cRGB(240,230,140)
    darkkhaki#bdb76bRGB(189,183,107)
    gold#ffd700RGB(255,215, 0 )

    Brune nuancer

    cornsilk#fff8dcRGB(255,248,220)
    blanchedalmond#ffebcdRGB(255,235,205)
    bisque#ffe4c4RGB(255,228,196)
    navajowhite#ffdeadRGB(255,222,173)
    wheat #f5deb3RGB(245,222,179)
    burlywood#deb887RGB(222,184,135)
    tan#d2b48cRGB(210,180,140)
    rosybrown#bc8f8fRGB(188,143,143)
    sandybrown#f4a460RGB(244,164, 96)
    goldenrod#daa520RGB(218,165, 32)
    darkgoldenrod#b8860bRGB(184,134, 11)
    peru#cd853fRGB(205,133, 63)
    chocolate#d2691eRGB(210,105, 30)
    saddlebrown#8b4513RGB(139, 69, 19)
    sienna#a0522dRGB(160, 82, 45)
    brown#a52a2aRGB(165, 42, 42)
    maroon#800000RGB(128, 0 , 0 )

    Grønne nuancer

    darkolivegreen#556b2fRGB( 85,107, 47)
    olive#808000RGB(128,128, 0 )
    olivedrab#6b8e23RGB(107,142, 35)
    yellowgreen#9acd32RGB(154,205, 50)
    limegreen#32cd32RGB( 50,205, 50)
    lime#00ff00RGB( 0 ,255, 0 )
    lawngreen#7cfc00RGB(124,252, 0 )
    chartreuse#7fff00RGB(127,255, 0 )
    greenyellow#adff2fRGB(173,255, 47)
    springgreen#00ff7fRGB( 0 ,255,127)
    mediumspringgreen#00fa9aRGB( 0 ,250,154)
    lightgreen#90ee90RGB(144,238,144)
    palegreen#98fb98RGB(152,251,152)
    darkseagreen#8fbc8fRGB(143,188,143)
    mediumaquamarine#66cdaaRGB(102,205,170)
    mediumseagreen#3cb371RGB( 60,179,113)
    seagreen#2e8b57RGB( 46,139, 87)
    forestgreen#228b22RGB( 34,139, 34)
    green#008000RGB( 0 ,128, 0 )
    darkgreen#006400RGB( 0 ,100, 0 )

    Turkis nuancer

    cyan or aqua#00ffffRGB( 0 ,255,255)
    lightcyan#e0ffffRGB(244,255,255)
    paleturquoise#afeeeeRGB(175,238,238)
    aquamarine#7fffd4RGB(127,255,212)
    turquoise#40e0d0RGB( 64,224,208)
    mediumturquoise#48d1ccRGB( 72,209,204)
    darkturquoise#00ced1RGB( 0 ,206,209)
    lightseagreen#20b2aaRGB( 32,178,170)
    cadetblue#5f9ea0RGB( 95,158,160)
    darkcyan#008b8bRGB( 0 ,139,139)
    teal#008080RGB( 0 ,128,128)

    Blå nuancer

    lightsteelblue#b0c4deRGB(176,196,222)
    powderblue#b0e0e6RGB(176,224,230)
    lightblue#add8e6RGB(173,216,230)
    skyblue#87ceebRGB(135,206,235)
    lightskyblue#87cefaRGB(135,206,250)
    deepskyblue#00bfffRGB( 0 ,191,255)
    dodgerblue#1e90ffRGB( 30,144,255)
    cornflowerblue#6495edRGB(100,149,237)
    steelblue#4682b4RGB( 70,130,180)
    royalblue#4169e1RGB( 65,105,225)
    blue#0000ffRGB( 0 , 0 ,255)
    mediumblue#0000cdRGB( 0 , 0 ,205)
    darkblue#00008bRGB( 0 , 0 ,139)
    navy#000080RGB( 0 , 0 ,128)
    midnightblue#191970RGB( 25, 25, 112)

    Lilla nuancer

    lavender#e6e6faRGB(230,230,250)
    thistle#d8bfd8RGB(216,191,216)
    plum#dda0ddRGB(221,160,221)
    violet#ee82eeRGB(238,130,238)
    orchid#da70d6RGB(218,112,214)
    fuchsia og magenta#ff00ffRGB(255, 0 ,255)
    mediumorchid#ba55d3RGB(186, 85,211)
    mediumpurple#9370dbRGB(147,112,219)
    blueviolet#8a2be2RGB(138, 43,226)
    darkviolet#9400d3RGB(148, 0 ,211)
    darkorchid#9932ccRGB(153, 50,204)
    darkmagenta#8b008bRGB(139, 0 ,139)
    purple#800080RGB(128, 0 ,128)
    indigo#4b0082RGB( 75, 0 ,130)
    darkslateblue#483d8bRGB( 72, 61,139)
    slateblue#6a5acdRGB(106, 90,205)
    mediumslateblue#7b68eeRGB(123,104,238)

    Hvide nuancer

    white#ffffffRGB(255,255,255)
    snow#fffafaRGB(255,250,250)
    honeydew#f0fff0RGB(240,255,240)
    mintcream#f5fffaRGB(245,255,250)
    azure#f0ffffRGB(240,255,255)
    aliceblue#f0f8ffRGB(240,248,255)
    ghostwhite#f8f8ffRGB(248,248,255)
    whitesmoke#f5f5f5RGB(245,245,245)
    seashell#fff5eeRGB(255,245,238)
    beige#f5f5dcRGB(245,245,220)
    oldlace#fdf5e6RGB(253,245,230)
    floralwhite#fffaf0RGB(255,250,240)
    ivory#fffff0RGB(255,255,240)
    antiquewhite#faebd7RGB(250,235,215)
    linen#faf0e6RGB(250,240,230)
    lavenderblush#fff0f5RGB(255,240,245)
    mistyrose#ffe4e1RGB(255,228,225)

    Sorte nuancer

    gainsboro#dcdcdcRGB(220,220,220)
    lightgray#d3d3d3RGB(211,211,211)
    silver#c0c0c0RGB(192,192,192)
    darkgray#a9a9a9RGB(169,169,169)
    gray#808080RGB(128,128,128)
    dimgray#696969RGB(105,105,105)
    lightslategray#778899RGB(119,136,153)
    slategray#708090RGB(112,128,144)
    darkslategray#2f4f4fRGB( 47, 79, 79)
    black#000000RGB( 0 , 0 , 0 )
    da_DKDansk