Röd färgkod är rgb. HTML handledning
Färgkoder i CSS används för att specificera färger. Vanligtvis används färgkoder eller färgvärden för att ställa in färgen för antingen förgrundsfärgen för ett element (t.ex. textfärg, länkfärg) eller bakgrundsfärgen för ett element (bakgrundsfärg, blockfärg). De kan också användas för att ändra färgen på en knapp, kant, markör, hovring och andra dekorativa effekter.
Du kan ställa in dina färgvärden olika format. Följande tabell listar alla möjliga format:
De listade formaten beskrivs mer i detalj nedan.
CSS-färger - Hexkoder
Hexadecimal färgkodär en sexsiffrig representation av färg. De två första siffrorna (RR) representerar det röda värdet, de nästa två representerar det gröna värdet (GG), och de två sista representerar det blå värdet (BB).
CSS-färger - Korta hex-koder
Kort hex-färgkodär en kortare form av notation med sex tecken. I det här formatet upprepas varje siffra för att producera ett ekvivalent sexsiffrigt färgvärde. Till exempel: #0F0 blir #00FF00.
Hexadecimalt värde kan tas från vilken grafik som helst programvara, Till exempel Adobe Photoshop, Core Draw, etc.
Varje hexadecimal färgkod i CSS kommer att föregås av ett hash-tecken "#". Nedan finns exempel på användning av hexadecimala notationer.
CSS-färger - RGB-värden
RGB-värdeär en färgkod som ställs in med hjälp av egenskapen rgb(). Den här egenskapen har tre värden: ett vardera för rött, grönt och blått. Värdet kan vara ett heltal, från 0 till 255, eller en procentsats.
Notera: Alla webbläsare stöder inte egenskapen rgb() color, så det rekommenderas inte att använda den.
Nedan är ett exempel som visar flera färger med RGB-värden.
Färgkodsgenerator
Du kan skapa miljontals färgkoder med vår tjänst.
Webbläsarsäkra färger
Nedan finns en tabell med 216 färger som är de mest säkra och datoroberoende. Dessa färger i CSS sträcker sig från 000000 till FFFFFF hexadecimal kod. De är säkra att använda eftersom de säkerställer att alla datorer visar färg korrekt när de arbetar med 256 färgpaletten.
Tabell över "säkra" färger i CSS | |||||
#000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
#003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
#006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
#009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
#00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
#00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
#330000 | #330033 | #330066 | #330099 | #3300CC | #3300FF |
#333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
#336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
#339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
#33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
#33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
#660000 | #660033 | #660066 | #660099 | #6600CC | #6600FF |
#663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
#666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
#669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
#66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
#66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
#990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
#993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
#996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
#999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
#99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
#99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
#CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
#CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
#CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
#CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
#CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
#CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
#FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
#FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
#FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
#FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
#FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
#FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
Hexadecimala tal används för att ange färger. Det hexadecimala systemet, till skillnad från decimalsystemet, bygger, som namnet antyder, på talet 16. Siffrorna kommer att vara följande: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A , B, C , D, E, F. Siffror från 10 till 15 ersätts med latinska bokstäver. Siffror större än 15 tum hexadecimalt system bildas genom att kombinera två tal till ett. Till exempel siffran 255 tum decimalsystem motsvarar talet FF i hexadecimal. För att undvika förvirring vid bestämning av talsystemet placeras en hash-symbol # före det hexadecimala talet, till exempel #666999. Var och en av de tre färgerna - röd, grön och blå - kan ta värden från 00 till FF. Färgsymbolen är alltså uppdelad i tre komponenter #rrggbb, där de två första symbolerna indikerar färgens röda komponent, de två mittersta - grönt och de två sista - blått. Det är tillåtet att använda den förkortade formen #rgb, där varje tecken ska dubblas. Därför bör posten #fe0 betraktas som #ffee00.
Vid namn
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Webbläsare stöder vissa färger efter deras namn. I tabell 1 visar namn, hexadecimal kod, RGB, HSL-värden och beskrivning.
namn | Färg | Koda | RGB | HSL | Beskrivning |
---|---|---|---|---|---|
vit | #ffffff eller #fff | rgb(255,255,255) | hsl(0,0 %, 100 %) | Vit | |
silver | #c0c0c0 | rgb(192,192,192) | hsl(0,0%,75%) | Grå | |
grå | #808080 | rgb(128,128,128) | hsl(0,0%,50%) | Mörkgrå | |
svart | #000000 eller #000 | rgb(0,0,0) | hsl(0,0%,0%) | Svart | |
rödbrun | #800000 | rgb(128,0,0) | hsl(0,100%,25%) | Mörkröd | |
röd | #ff0000 eller #f00 | rgb(255,0,0) | hsl(0,100%,50%) | Röd | |
orange | #ffa500 | rgb(255,165,0) | hsl(38,8,100%,50%) | Orange | |
gul | #ffff00 eller #ff0 | rgb(255,255,0) | hsl(60,100%,50%) | Gul | |
oliv | #808000 | rgb(128,128,0) | hsl(60,100%,25%) | Oliv | |
kalk | #00ff00 eller #0f0 | rgb(0,255,0) | hsl(120,100%,50%) | Ljusgrön | |
grön | #008000 | rgb(0,128,0) | hsl(120,100%,25%) | Grön | |
aqua | #00ffff eller #0ff | rgb(0,255,255) | hsl(180,100%,50%) | Blå | |
blå | #0000ff eller #00f | rgb(0,0,255) | hsl(240,100%,50%) | Blå | |
Marin | #000080 | rgb(0,0,128) | hsl(240,100%,25%) | Mörkblå | |
kricka | #008080 | rgb(0,128,128) | hsl(180,100%,25%) | Blå grön | |
fuchsia | #ff00ff eller #f0f | rgb(255,0,255) | hsl(300,100%,50%) | Rosa | |
lila | #800080 | rgb(128,0,128) | hsl(300,100%,25%) | Violett |
Använder RGB
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
Du kan definiera färg med de röda, gröna och blå värdena i decimaler. Var och en av de tre färgkomponenterna har ett värde från 0 till 255. Det är också möjligt att ställa in färgen i procent, med 100 % motsvarande siffran 255. Ange först nyckelord rgb , och sedan indikeras färgkomponenterna inom parentes, separerade med kommatecken, till exempel rgb(255, 128, 128) eller rgb(100%, 50%, 50%).
RGBA
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
RGBA-formatet liknar syntaxen RGB, men innehåller en alfakanal som anger elementets transparens. Ett värde på 0 är helt transparent, 1 är ogenomskinligt och ett mellanvärde som 0,5 är halvtransparent.
RGBA lades till i CSS3, så CSS-koden måste valideras mot denna version. Det bör noteras att CSS3-standarden fortfarande är under utveckling och vissa funktioner kan ändras. Till exempel, en färg i RGB-format som lagts till i egenskapen bakgrundsfärg valideras, men en som läggs till i egenskapen bakgrund är inte längre giltig. Samtidigt förstår webbläsare helt korrekt färgen för båda egenskaperna.
HSL
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
namn HSL-format bildad av en kombination av de första bokstäverna Hue (nyans), Saturate (saturate) och Lightness (lightness). Nyans är färgvärdet på färghjulet (fig. 1) och anges i grader. 0° motsvarar rött, 120° grönt och 240° blått. Nyansvärdet kan variera från 0 till 359.
Ris. 1. Färghjul
Mättnad är intensiteten hos en färg och mäts i procent från 0 % till 100 %. Ett värde på 0 % indikerar ingen färg och en grå nyans, 100 % är maxvärdet för mättnad.
Ljushet anger hur ljus färgen är och anges i procent från 0 % till 100 %. Låga värden gör färgen mörkare, och höga värden gör färgen ljusare; extrema värden på 0% och 100% motsvarar svart och vitt.
HSLA
Internet Explorer | Krom | Opera | Safari | Firefox | Android | iOS |
9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
HSLA-formatet liknar syntaxen HSL, men innehåller en alfakanal för att specificera elementets transparens. Ett värde på 0 är helt transparent, 1 är ogenomskinligt och ett mellanvärde som 0,5 är halvtransparent.
RGBA-, HSL- och HSLA-färgvärden läggs till i CSS3, så kontrollera din kod för versionsgiltighet när du använder dessa format.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Varning
Alla lejonfångstmetoder som listas på webbplatsen är teoretiska och baserade på beräkningsmetoder. Författarna garanterar inte din säkerhet när du använder dem och frånsäger sig allt ansvar för resultaten. Kom ihåg att ett lejon är ett rovdjur och ett farligt djur!
Resultat detta exempel visas i fig. 2.
Ris. 2. Färger på webbsidan
HEX/HTML
HEX-färg är inget annat än en hexadecimal representation av RGB.
Färger representeras som tre grupper hexadecimala siffror, där varje grupp är ansvarig för sin egen färg: #112233, där 11 är röd, 22 är grön, 33 är blå. Alla värden måste vara mellan 00 och FF.
Många applikationer tillåter en förkortad form av hexadecimal färgnotation. Om var och en av de tre grupperna innehåller samma tecken, till exempel #112233, kan de skrivas som #123.
- h1 ( färg: #ff0000; ) /* röd */
- h2 ( färg: #00ff00; ) /* grön */
- h3 ( färg: #0000ff; ) /* blå */
- h4 (färg: #00f; ) /* samma blå, stenografi */
RGB
RGB-färgrymden (röd, grön, blå) består av alla möjliga färger som kan skapas genom att blanda rött, grönt och blått. Denna modell är populär inom fotografi, tv och datorgrafik.
RGB-värden anges som ett heltal från 0 till 255. Till exempel visas rgb(0,0,255) som blått eftersom den blå parametern är inställd på sitt högsta värde (255) och de andra är satta till 0.
Vissa applikationer (särskilt webbläsare) stöder procentuell inspelning av RGB-värden (från 0% till 100%).
- h1 ( färg: rgb(255, 0, 0); ) /* röd */
- h2 ( färg: rgb(0, 255, 0); ) /* grön */
- h3 ( färg: rgb(0, 0, 255); ) /* blå */
- h4 ( färg: rgb(0%, 0%, 100%); ) /* samma blå, procentsats */
RGB-färgvärden stöds i alla större webbläsare.
RGBA
Nyligen moderna webbläsare lärt sig att arbeta med RGBA-färgmodellen - en förlängning av RGB med stöd för en alfakanal, som bestämmer opaciteten för ett objekt.
Menande RGBA-färger anges i formen: rgba(röd, grön, blå, alfa). Alfaparametern är ett tal som sträcker sig från 0,0 (helt transparent) till 1,0 (helt ogenomskinlig).
- h1 ( färg: rgb(0, 0, 255); ) /* blå i vanlig RGB */
- h2 ( färg: rgba(0, 0, 255, 1); ) /* samma blå i RGBA, eftersom opacitet: 100% */
- h3 ( färg: rgba(0, 0, 255, 0,5); ) /* opacitet: 50% */
- h4 ( färg: rgba(0, 0, 255, .155); ) /* opacitet: 15,5 % */
- h5 ( färg: rgba(0, 0, 255, 0); ) /* helt genomskinlig */
RGBA stöds i IE9+, Firefox 3+, Chrome, Safari och Opera 10+.
HSL
HSL-färgmodellen är en representation av RGB-modellen i ett cylindriskt koordinatsystem. HSL representerar färger på ett mer intuitivt och mänskligt läsbart sätt än typiska RGB. Modellen används ofta i grafikapplikationer, i färgpaletter och för bildanalys.
HSL står för Hue (färg/nyans), Saturation (saturation), Lightness/Luminans (lightness/lightness/luminosity, ej att förväxla med ljusstyrka).
Nyans anger färgens position på färghjulet (från 0 till 360). Mättnad är mättnadens procentuella värde (från 0 % till 100 %). Ljushet är en procentandel av ljushet (från 0% till 100%).
- h1 ( färg: hsl(120, 100%, 50%); ) /* grön */
- h2 ( färg: hsl(120, 100%, 75%); ) /* ljusgrön */
- h3 ( färg: hsl(120, 100%, 25%); ) /* mörkgrön */
- h4 ( färg: hsl(120, 60%, 70%); ) /* pastellgrön */
HSL stöds i IE9+, Firefox, Chrome, Safari och Opera 10+.
HSLA
I likhet med RGB/RGBA har HSL ett HSLA-läge som stöder en alfakanal för att indikera opaciteten för ett objekt.
HSLA-färgvärdet anges som: hsla(nyans, mättnad, ljushet, alfa). Alfaparametern är ett tal som sträcker sig från 0,0 (helt transparent) till 1,0 (helt ogenomskinlig).
- h1 ( färg: hsl(120, 100%, 50%); ) /* grön i normal HSL */
- h2 (färg: hsla(120, 100%, 50%, 1); ) /* samma gröna i HSLA, eftersom opacitet: 100% */
- h3 (färg: hsla(120, 100%, 50%, 0,5); ) /* opacitet: 50% */
- h4 ( färg: hsla(120, 100 %, 50 %, .155); ) /* opacitet: 15,5 % */
- h5 ( färg: hsla(120, 100%, 50%, 0); ) /* helt transparent */
CMYK
CMYK-färgmodellen förknippas ofta med färgtryck och tryck. CMYK (till skillnad från RGB) är en subtraktiv modell, vilket innebär att högre värden är associerade med mörkare färger.
Färgerna bestäms av förhållandet mellan cyan (Cyan), magenta (Magenta), gul (Gul), med tillägg av svart (Key/blackK).
Vart och ett av siffrorna som definierar en färg i CMYK representerar procentandelen bläck i en given färg som utgör färgkombinationen, eller mer exakt, storleken på skärmpunkten som matas ut på fotosättningsmaskinen på film av den färgen (eller direkt på tryckplåten vid CTP).
Till exempel, för att få PANTONE 7526-färgen, skulle du blanda 9 delar cyan, 83 delar magenta, 100 delar gult och 46 delar svart. Detta kan betecknas enligt följande: (9,83,100,46). Ibland används följande beteckningar: C9M83Y100K46, eller (9%, 83%, 100%, 46%) eller (0,09/0,83/1,0/0,46).
HSB/HSV
HSB (även känd som HSV) liknar HSL, men de är två olika färgmodeller. De är båda baserade på cylindrisk geometri, men HSB/HSV bygger på "hexcone"-modellen, medan HSL bygger på "bi-hexcone"-modellen. Konstnärer föredrar ofta att använda denna modell, det är allmänt accepterat att HSB/HSV-enheten är närmare den naturliga uppfattningen av färger. I synnerhet används HSB-färgmodellen i Adobe Photoshop.
HSB/HSV står för Hue (färg/nyans), Saturation (saturation), Brightness/Value (ljusstyrka/värde).
Nyans anger färgens position på färghjulet (från 0 till 360). Mättnad är mättnadens procentuella värde (från 0 % till 100 %). Ljusstyrka är en procentandel av ljusstyrkan (från 0 % till 100 %).
XYZ
XYZ-färgmodellen (CIE 1931 XYZ) är ett rent matematiskt utrymme. Till skillnad från RGB, CMYK och andra modeller, i XYZ är huvudkomponenterna "imaginära", vilket innebär att du inte kan associera X, Y och Z med någon uppsättning färger att blanda. XYZ är huvudmodellen för nästan alla andra färgmodeller som används inom tekniska områden.
LABB
LAB-färgmodellen (CIELAB, “CIE 1976 L*a*b*”) beräknas från CIE XYZ-utrymmet. Labs designmål var att skapa en färgrymd där färgförändringar skulle vara mer linjära när det gäller mänsklig perception (jämfört med XYZ), det vill säga så att samma förändring i färgkoordinatvärden i olika regioner av färgrymden skulle producera samma känsla av färgförändring.
>>Färghantering
Hexadecimala RGB-färgvärden
Metoder för att beskriva och bearbeta färg skiljer sig från varandra i vilken slutlig representation de är avsedda för. Låt oss jämföra till exempel representationen av färger för utskrift och för datorskärmar. I det första fallet tas grunden vit färgen på det papper som tre primärfärger sedan appliceras på: blå, lila Och gul. Blandning med varandra och med den vita färgen på papper i olika proportioner ger dessa tre primärfärger olika färgnyanser, förutom rent svart, eller i fullständig frånvaro av färger ger de olika färgnyanser. vit färg papper Om vi lägger till svart färg på dem får vi CMYK- sätt att överföra färg när önskad färg erhålls genom att subtrahera de saknade färgerna från vitt.
I det andra fallet tas grunden svart färgen på skärmen, där varje cell lyser i en av tre färger: röd-röd, grön-grönt och blå-blå. Sedan, i fullständig frånvaro av någon glöd, får vi en ren svart skärmfärg, och vilken som helst av de nödvändiga färgerna ges av förhållandet mellan var och en av de tre färgerna. I det här fallet kommer vi att få RGB-metod för färgöverföring. Primärfärger kan variera från 0
innan 255
, eller från 0%
innan 100%
, eller kan representeras som ett hexadecimalt värde. I figuren nedan kan du se resultatet av att blanda primärfärger.
Det hexadecimala talsystemet, till skillnad från det decimala talsystemet, har inte tio siffror, utan sexton - därav namnet. Följaktligen kan det bara finnas icke-upprepande varianter av kombinationer av två siffror - 256 , för att fortsätta sifferserien efter 9 brev från A innan F, därför kommer serien att se ut så här -
0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F. |
I det här fallet anges färgen med tre hexadecimala tal, som var och en består av två siffror. Den första siffran bestämmer intensiteten röd färger, medium- grön, sista sak- blå färger. Alla siffror kan ta värden inom intervallet från 00 innan FF(från 0 till 255). Till exempel: grön färg ges som #00FF00, rödliknande #FF0000, blå-liknande #0000FF, vit-liknande #FFFFFF, fullständig frånvaro färger eller svart anges som #000000 .
I formuläret nedan kan du ange alla hexadecimala värden för var och en av de tre färgerna och se resultatet av att blanda dem genom att klicka i utdatafältet.
Exempel på några hexadecimala värden RGB-färger: nyanser av rött, blått och grönt.
se | koda | se | koda | se | koda | se | koda | se | koda | se | koda |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #B00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
Ange färg med hjälp av strängbokstavar
För att underlätta användningen tilldelades vissa färger och deras kombinationer namn som känns igen av alla webbläsare, och det blev möjligt att ställa in många av dem efter namn. Tabellen nedan visar några av färgnamnen:
se | namn | se | namn | se | namn | se | namn |
Vit | Röd | Orange | Gul | ||||
Grön | Blå | Lila | Svart | ||||
Aliceblue | Antikvit | Aqua | Akvamarin | ||||
Azurblå | Beige | Bisque | Blanchedalmond | ||||
Blåviolett | Brun | Burlywood | Kadettblå | ||||
Chartreuse | Choklad | Korall | Blåklintblå | ||||
Majssilke | djupröd | Cyan | Mörkblå | ||||
Mörkcyan | Mörkguldröd | Mörkgrå | Mörkgrön | ||||
Mörkkhaki | Mörkmagenta | Mörkolivegrön | Mörkorange | ||||
Darkorchid | Mörkröd | Mörklax | Mörk havsgrön | ||||
Mörk skifferblå | Mörkslagegray | Mörkturkos | Mörkviolett | ||||
Deeppink | Djupt himmelsblått | Dimgray | Dodgerblue | ||||
Eldfast tegel | Blommigt vit | Skog grön | Fuschia | ||||
Gainsboro | Ghostwhite | Guld | Gullris | ||||
grå | Grön gul | Honungsdagg | Skrikrosa | ||||
Indianred | Indigo | Elfenben | Kaki | ||||
Lavendel | Lavendelblush | Lemonchiffon | Ljusblå | ||||
Ljuskorall | Ljuscyan | Ljuskallrödgul | Ljusgrön | ||||
Ljusgrå | Ljusrosa | Ljuslax | Ljusgrön | ||||
Ljusblått | Lightslategray | Ljusstålblå | Ljusgul | ||||
Kalk | Limegrön | Linné | Magenta | ||||
Rödbrun | Mediumaquamarine | Mellanblå | Mediumorchid | ||||
Mediumlila | Mediumseagreen | Mediumslateblå | Mellanvårgrön | ||||
Mediumturkos | Mediumviolett | Midnattsblå | Mintkräm | ||||
Mistyros | Navajowhite | Marin | Oldlace | ||||
Oliv | Oliverab | Orange röd | Orkide | ||||
Palegoldenrod | Ljusgrön | Paletturkos | Blekviolett | ||||
Papayawhip | Peachpuff | Peru | Rosa | ||||
Plommon | Puderblå | Rosybrunt | Kungsblå | ||||
Sadelbrunt | Havsgrön | Snäckskal | Sienna | ||||
Silver | Himmelsblå | Skifferblå | Skiffer grå | ||||
Snö | Springgreen | Stålblå | Solbränna | ||||
Kricka | Tistel | Tomat | Turkos | ||||
Violett | Vete | Vit rök | Gulgrön |
Använd en säker färgpalett
Tyvärr på olika plattformar Med olika systeminställningar är korrekt färgåtergivning ett problem. Saken är att webbläsaren alltid försöker anpassa sig färgpalett dokument under Systeminställningar och bildskärmens möjligheter, genom att självständigt blanda färger och ersätta dem. Som ett resultat kan användaren ibland inte se exakt vad webbmastern ville visa honom. En väg ut ur denna situation hittades genom att använda en palett, vars färg garanterat återges lika av alla webbläsare på olika plattformar. Detta är den så kallade garanterat palett, även kallad säker palett. Den här paletten innehåller färger vars färgkomponenter har följande värden: 00 ,33 ,66 ,99 , CC,FF, på alla möjliga sätt 216 deras kombinationer.
se | koda | se | koda | se | koda | se | koda | se | koda | se | koda |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399CC | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699CC | 336699 | 006699 | ||||||
0066FF | 3366CC | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000 CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300 CC | 3333CC | 000099 | 000066 | ||||||
9999CC | 6666FF | 6666CC | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966CC | 9966FF | 6600CC | 6633CC | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900 CC | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |