Det finns flera sätt att representera färg i webbdesign.
HEX är ett hexadecimalt färgrepresentationssystem baserat på bas 16. För detta system används arabiska decimalsiffror från 0 till 9 och latinska bokstäver från A till F för att komplettera det digitala numret till 16. För webbdesign, 16 primära (nyckel) färger används, den så kallade hexadecimala färgkoden #RRGGBB, där varje par står för sin andel av färgen: RR – röd, GG – grön och BB – blå. Varje färgfraktion sträcker sig från 00 till FF.
Två andra representationer av färg i webbdesign är: i form av RGB(*,*,*), där varje "*" bråkdel av en färg representeras av decimalsiffror från 0 till 255 och av färgnamn på engelska.
När du skapar en färgbild är huvudproblemet korrekt återgivning av färger på olika typer av datorer, bildskärmar och webbläsare. Om webbläsaren inte kan visa en färg korrekt väljer den en liknande eller blandar flera färger. Och ibland kan den ersättas med någon helt annan färg.
Tabell 16 grundfärger, som används i alla webbläsare
namn | Färg | Hex | (RGB) |
Aqua (havsvåg) | #00FFFF | (000,255,255) | |
Svart | #000000 | (000,000,000) | |
Blå | #0000FF | (000,000,255) | |
Fuchsia (magenta) | #FF00FF | (255,000,255) | |
grå | #808080 | (128,128,128) | |
Grön | #008000 | (000,128,000) | |
Lime (ljusgrön) | #00FF00 | (000,255,000) | |
Rödbrun (mörk vinröd) | #800000 | (128,000,000) | |
Marinblå (mörkblå) | #000080 | (000,000,128) | |
Oliv | #808000 | (128,128,000) | |
Lila | #800080 | (128,000,128) | |
Röd | #FF0000 | (255,000,000) | |
Silver | #C0C0C0 | (192,192,192) | |
kricka (grågrön) | #008080 | (000,128,128) | |
Vit | #FFFFFF | (255,255,255) | |
Gul | #FFFF00 | (255,255,000) |
Tabell lila färger och dess nyanser
namn | Färg | Hex | (RGB) |
Magenta (magenta) | #FFCBDB | (255,203,219) | |
Magenta (magenta) | #FF0099 | (255,000,153) | |
Magenta | #F95A61 | (249,090,097) | |
Fuchsia (fuchsia) | #FF00FF | (255,000,255) | |
Mauvein (anilin lila) | #EF0097 | (239,000,151) | |
Laxrosa (orange rosa) | #FF91A4 | (255,145,164) | |
Cenise (nyans av lila) | #DE3163 | (153,149,140) | |
Aubergine aubergine (aubergine) | #990066 | (153,000,132) | |
Lavendelrouge (rosa-lavendel) |  #FFF0F5 | (255,240,245) | |
lila (lila) | #C8A2C8 | (200,162,200) | |
Magenta | #FF008F | (255,000,143) | |
Orkidé (orkidé) | #DA70D6 | (218,112,214) | |
Röd-violett (lila-röd) | #C71585 | (199,021,133) | |
Sanguine (sanguine) | #92000A | (146,000,010) | |
tistel (nyans av lila) | #D8BFD8 | (185,211,238) | |
Violett-aubergine (en nyans av lila) | #991199 | (153,017,153) | |
Rosa vivo (djupt rosa) | #FF007F | (255,000,127) | |
Lavendelrosa (en nyans av lila) | #FBA0E3 | (108,123,139) | |
Mountbatten rosa | #997ABD | (153,122,141) |
Tabell grå färger och dess nyanser
namn | Färg | Hex | (RGB) |
grå | #808080 | (128,128,128) | |
grå | #bebebe | (190,190,190) | |
(grå nyans) | #858585 | (133,133,133) | |
Grå33 | #545454 | (084,084,084) | |
(Grå skiffer) | #708090 | (112,128,144) | |
(Kvarts) | #99958с | (153,149,140) | |
(Ljusgrå) | #bbbbbb | (187,187,187) | |
(Silver) | #c0c0c0 | (192,192,192) | |
(Grå-vit) | #f0f0f0 | (240,240,240) | |
(Abdel-Kerims skägg) | #e0e0e0 | (224,224,224) | |
Ljusgrå (Ljusgrå) | #d3d3d3 | (211,211,211) | |
LightStateGray() | #778899 | (119,136,153) | |
StateGray-1 (blek blåklintblå1) | #c6e2ff | (198,226,255) | |
StateGray-2 (blek blåklintblå2) | #b9d3ee | (185,211,238) | |
StateGray3() | #9fb6cd | (159,182,205) | |
StateGray4() | #6c7b8b | (108,123,139) |
Som du vet kan färg påverka en persons tillstånd: både mentalt och fysiskt. Varje dag, när de surfar på webbsidor på Internet, utvärderar ögonen miljontals färger och nyanser. En webbdesigner som är bekant med färgens psykologi kan manipulera besökarens humör för att uppnå vissa mål.
Detta beror på det faktum att vissa nyanser lugnar, och vissa, tvärtom, upphetsar. Därefter kommer vi att prata om hur färg syntetiseras och visas med hjälp av datorteknik.
RGB är en färgmodell som representerar en metod för att erhålla alla färger och deras nyanser genom att blanda i olika proportioner tre huvudkomponenter, som är:
- Röd färg ( Röd);
- grön färg ( Grön);
- Blå färg ( Blå).
Det är härifrån det förkortade namnet RGB kommer. Dessa färger valdes som de viktigaste av en anledning: anledningen är fysiologin hos näthinnan i det mänskliga ögat och hur det uppfattar dem:
RGB-modellen är fortfarande den mest populära idag och används för att återge färger på TV-skärmar och datorskärmar. Eftersom tillverkare försett sina produkter med olika egenskaper skapades 1996 ett enhetligt RGB-baserat färgsyntessystem kallat sRGB, där Microsoft och HP arbetade tillsammans.
Numerisk representation av färg
Som tidigare nämnts bildas RGB-färger genom att blanda primärfärger. För att beskriva intensiteten för var och en av dem antogs ett schema där färg representeras av intervallet 0-255 (8 bitar), vilket i hexadecimal notation motsvarar 00-FF.
Det vill säga att de primära färgerna kommer att se ut så här:
- Röd – RGB (255,0,0);
- Grön – RGB (0,255,0);
- Blå – RGB (0,0,255);
Om färgintensiteten tar värden mindre än 255, erhålls olika nyanser av rött, grönt och blått. Följande är en tabell över deras graderingar, såväl som de hexadecimala värdena för var och en av nyanserna:
RGB färgtabeller
Naturligtvis, förutom graderingar av primära färger, finns det blandade, och deras antal är ganska stort. Därför skapades en tabell med RGB-färger, som presenterar alla befintliga nyanser, såväl som deras namn och numeriska representationer ( i decimal och hexadecimal form).
Du kan se den här. Den här tabellen gör livet mycket lättare för webbdesigners, eftersom du på några sekunder kan hitta den önskade nyansen och ta reda på dess numeriska representation.
Säker RGB-färgpalett
Men vid något tillfälle uppstod ett problem med att visa färger i olika webbläsare, och för att lösa det kompilerades den så kallade "säkra" paletten av RGB-färger, som härleddes genom matematiska beräkningar.
När webbläsaren inte kan visa en färg korrekt kommer den att försöka få något i närheten av vad den behöver genom att blanda intilliggande färger, och troligen blir resultatet helt oacceptabelt:
Genom att använda RGB-färgkoder från denna palett kan en webbutvecklare få sinnesfrid när det gäller visningen av färger på sidorna på sin webbplats när de visas med olika webbläsare, plattformar och bildskärmar. Även om tabellen över säkra färger för tillfället tappar sin relevans ( tekniska framsteg står fortfarande inte stilla), när du använder den kan du, som de säger, sova lugnt.
Guldfärg i RGB-modell
Ordet "guld" användes först i början av 1300-talet för att beskriva färgen på ett kemiskt element som kallas Aurum - guld. I RGB-modellen representeras färgen guld av följande numeriska värden:
- RGB (255, 215, 0) – decimalsystem;
- HEX #FFD700 – hexadecimalt system.
Beige färg i RGB-modell
Beige färg upptar en ganska betydande plats i historien, även om den inte är den mest uttrycksfulla. Många kulturminnen, särskilt antika skulpturer, gjordes av täljsten och täljsten, som har en beige nyans. I RGB-modellen har färgen beige följande numeriska representationer.
HTML-färger indikeras med sex tecken efter snedstrecket - till exempel #000000. Dessa sex symboler representerar proportionerna mellan de olika färgerna (röd, grön, blå) i den slutliga färgen. På din datorskärm bildas bilden av ett stort antal punkter som kallas pixlar. Varje pixel är en liten ljuskälla, låt oss kalla det en "ficklampa", som i sin tur består av tre ficklampor - röda, gröna och blå. Genom att minska eller öka intensiteten på glöden hos individuella färgade ficklampor får vi den önskade färgen.
HTML färgkoder
Färger i HTML representeras av en hexadecimal (HEX) notation av rött, blått och grönt (RGB).
Det minsta färgvärdet är 0 (hexadecimalt 00). Det högsta färgvärdet är 255 (hex FF).
Det hexadecimala färgvärdet är tre siffror som börjar med #-tecknet.
Färgkoder (betydelser)
Färg | HEX-kod | RGB-kod |
---|---|---|
#000000 | rgb(0,0,0) | |
#FF0000 | rgb(255,0,0) | |
#00FF00 | rgb(0,255,0) | |
#0000FF | rgb(0,0,255) | |
#FFFF00 | rgb(255,255,0) | |
#00FFFF | rgb(0,255,255) | |
#FF00FF | rgb(255,0,255) | |
#C0C0C0 | rgb(192,192,192) | |
#FFFFFF | rgb(255,255,255) |
16 miljoner nyanser
Att kombinera rött, blått och grönt med värden från 0 till 255 för procentandelen av varje färg resulterar i totalt över 16 miljoner nyanser (256 x 256 x 256).
De flesta moderna bildskärmar kan visa minst 16 384 olika nyanser (LCD-skärmar kan i allmänhet visa 262 tusen 16 miljoner (uppdaterad oktober 2013) färger och CRT-skärmar kan visa ett praktiskt taget obegränsat antal färger).
Färgtabellen nedan visar förändringen i andelen rött från 0 till 255 med nollvärden för blått och grönt:
Röd | HEX-kod | RGB-kod |
---|---|---|
#000000 | rgb(0,0,0) | |
#080000 | rgb(8,0,0) | |
#100000 | rgb(16,0,0) | |
#180000 | rgb(24,0,0) | |
#200000 | rgb(32,0,0) | |
#280000 | rgb(40,0,0) | |
#300000 | rgb(48,0,0) | |
#380000 | rgb(56,0,0) | |
#400000 | rgb(64,0,0) | |
#480000 | rgb(72,0,0) | |
#500000 | rgb(80,0,0) | |
#580000 | rgb(88,0,0) | |
#600000 | rgb(96,0,0) | |
#680000 | rgb(104;0,0) | |
#700000 | rgb(112,0,0) | |
#780000 | rgb(120,0,0) | |
#800000 | rgb(128,0,0) | |
#880000 | rgb(136,0,0) | |
#900000 | rgb(144,0,0) | |
#980000 | rgb(152,0,0) | |
#A00000 | rgb(160,0,0) | |
#A80000 | rgb(168,0,0) | |
#B00000 | rgb(176,0,0) | |
#B80000 | rgb(184;0,0) | |
#C00000 | rgb(192,0,0) | |
#C80000 | rgb(200,0,0) | |
#D00000 | rgb(208,0,0) | |
#D80000 | rgb(216,0,0) | |
#E00000 | rgb(224,0,0) | |
#E80000 | rgb(232,0,0) | |
#F00000 | rgb(240,0,0) | |
#F80000 | rgb(248,0,0) | |
#FF0000 | rgb(255,0,0) |
Nyanser av grått
För att få nyanser av grått används lika delar av alla färger. För att göra det enklare för dig att välja rätt färg förser vi dig med grå nyanskoder
Nyanser av grått | HEX-kod | RGB-kod |
---|---|---|
#000000 | rgb(0,0,0) | |
#080808 | rgb(8,8,8) | |
#101010 | rgb(16,16,16) | |
#181818 | rgb(24,24,24) | |
#202020 | rgb(32,32,32) | |
#282828 | rgb(40,40,40) | |
#303030 | rgb(48,48,48) | |
#383838 | rgb(56,56,56) | |
#404040 | rgb(64,64,64) | |
#484848 | rgb(72,72,72) | |
#505050 | rgb(80,80,80) | |
#585858 | rgb(88,88,88) | |
#606060 | rgb(96,96,96) | |
#686868 | rgb(104,104,104) | |
#707070 | rgb(112,112,112) | |
#787878 | rgb(120,120,120) | |
#808080 | rgb(128,128,128) | |
#888888 | rgb(136,136,136) | |
#909090 | rgb(144,144,144) | |
#989898 | rgb(152,152,152) | |
#A0A0A0 | rgb(160,160,160) | |
#A8A8A8 | rgb(168,168,168) | |
#B0B0B0 | rgb(176,176,176) | |
#B8B8B8 | rgb(184,184,184) | |
#C0C0C0 | rgb(192,192,192) | |
#C8C8C8 | rgb(200,200,200) | |
#D0D0D0 | rgb(208,208,208) | |
#D8D8D8 | rgb(216,216,216) | |
#E0E0E0 | rgb(224,224,224) | |
#E8E8E8 | rgb(232,232,232) | |
#F0F0F0 | rgb(240,240,240) | |
#F8F8F8 | rgb(248,248,248) | |
#FFFFFF | rgb(255,255,255) |
Cross-browser (alla webbläsare) HTML-färgnamn
En samling av 150 färgnamn i html, som stöds i alla webbläsare.
Standardiserade färgnamn
W3C listar 16 giltiga färgnamn för HTML och CSS: aqua, svart, blå, fuchsia, grå, grön, lime, rödbrun (kastanj), marinblå (ultramarin), oliv (oliv), lila (lila), röd (röd) , silver (silver), kricka (grå), vit (vit) och gul (gul).
När du använder färger som inte ingår i denna lista är det mer korrekt att använda deras hexadecimala (HEX) kod eller RGB-kod.
Säkra färger
För flera år sedan, när datorer kunde stödja maximalt 256 olika färger, föreslogs en lista med 216 "Web Safe Colors", med 40 färger reserverade för systemet.
Denna palett med 216 färger skapades för att korrekt visa färger i palettläget med 256 färger.
Nu spelar det ingen roll eftersom de flesta datorer runt om i världen har stöd för miljontals färgnyanser. Här är i alla fall en lista över dessa färger:
000000 | 000033 | 000066 | 000099 | 0000 CC | 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 | 3300 CC | 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 | 9900 CC | 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 |
Vlad Merzhevich
I HTML specificeras färg på ett av två sätt: med hjälp av hexadecimal kod och med namnet på vissa färger. Metoden baserad på det hexadecimala talsystemet används övervägande, eftersom den är den mest universella.
Hexadecimala färger
HTML använder hexadecimala tal 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. I tabell 6.1 visar överensstämmelsen mellan decimala och hexadecimala tal.
Tal större än 15 i det hexadecimala systemet bildas genom att kombinera två tal till ett (tabell 6.2). Till exempel motsvarar talet 255 i decimal talet FF i hexadecimal.
För att undvika förvirring vid definitionen av talsystemet föregås ett hexadecimalt tal av en hash-symbol #, till exempel #aa69cc. I det här fallet spelar fallet ingen roll, så det är tillåtet att skriva #F0F0F0 eller #f0f0f0.
En typisk färg som används i HTML ser ut så här.
Här är bakgrundsfärgen på webbsidan inställd på #FA8E47. Hashsymbolen # framför ett tal betyder att den är hexadecimal. De två första siffrorna (FA) definierar den röda komponenten i färgen, den tredje till fjärde siffran (8E) definierar den gröna komponenten, och de två sista siffrorna (47) definierar den blå komponenten. Slutresultatet blir denna färg.
FA. | + | 8E | + | 47 | = | FA8E47 |
Var och en av de tre färgerna - röd, grön och blå - kan ta värden från 00 till FF, vilket resulterar i totalt 256 nyanser. Det totala antalet färger kan alltså vara 256x256x256 = 16 777 216 kombinationer. En färgmodell baserad på röda, gröna och blå komponenter kallas RGB (röd, grön, blå; röd, grön, blå). Denna modell är additiv (från add - add), där tillägget av alla tre komponenterna bildar färgen vit.
För att göra det lättare att navigera i hexadecimala färger, ta hänsyn till några regler.
- Om värdena för färgkomponenterna är desamma (till exempel: #D6D6D6), blir resultatet en grå nyans. Ju högre siffra, desto ljusare färg, med värden från #000000 (svart) till #FFFFFF (vit).
- En klar röd färg bildas om den röda komponenten görs maximal (FF) och de återstående komponenterna sätts till noll. En färg med värdet #FF0000 är den rödaste möjliga nyansen av rött. Detsamma gäller för grönt (#00FF00) och blått (#0000FF).
- Gul (#FFFF00) görs genom att blanda rött och grönt. Detta är tydligt synligt på färghjulet (Fig. 6.1), som visar primärfärgerna (röd, grön, blå) och komplementära eller ytterligare. Dessa inkluderar gul, cyan och violett (även kallad magenta). I allmänhet kan vilken färg som helst erhållas genom att blanda färger nära den. Således erhålls cyan (#00FFFF) genom att kombinera blått och grönt.
Ris. 6.1. Färgcirkel
Färger baserade på hexadecimala värden behöver inte väljas empiriskt. För detta ändamål är en grafisk editor som kan arbeta med olika färgmodeller, till exempel Adobe Photoshop, lämplig. I fig. Figur 6.2 visar fönstret för att välja en färg i detta program. Det resulterande hexadecimala värdet för den aktuella färgen är markerat med en linje. Du kan kopiera och klistra in den i din kod.
Ris. 6.2. Fönster för att välja färger i Photoshop
Webbfärger
Om du ställer in bildskärmens färgåtergivningskvalitet till 8 bitar (256 färger), kan samma färg visas på olika sätt i olika webbläsare. Detta beror på hur grafiken visas, när webbläsaren arbetar med sin egen palett och inte kan visa en färg som inte finns i dess palett. I det här fallet ersätts färgen av en kombination av pixlar av andra, nära den, färger som imiterar den givna. För att säkerställa att färgen förblir densamma i olika webbläsare introducerades en palett med så kallade webbfärger. Webbfärger är de färger för vilka varje komponent - röd, grön och blå - är inställd på ett av sex värden - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) 255 (FF). Det hexadecimala värdet för denna komponent anges inom parentes. Det totala antalet färger från alla möjliga kombinationer ger 6x6x6 - 216 färger. Ett exempel på webbfärg är #33FF66.
Huvudfunktionen med webbfärg är att den ser likadan ut i alla webbläsare. För tillfället är relevansen av webbfärger mycket liten på grund av förbättringen av kvaliteten på bildskärmar och utvidgningen av deras kapacitet.
Färger efter namn
För att undvika att behöva komma ihåg en uppsättning siffror kan du istället använda namnen på vanliga färger. I tabell 6.3 visar namnen på populära färgnamn.
Färgnamn | Färg | Beskrivning | Hexadecimalt värde |
---|---|---|---|
svart | Svart | #000000 | |
blå | Blå | #0000FF | |
fuchsia | Ljuslila | #FF00FF | |
grå | Mörkgrå | #808080 | |
grön | Grön | #008000 | |
kalk | Ljusgrön | #00FF00 | |
rödbrun | Mörkröd | #800000 | |
Marin | Mörkblå | #000080 | |
oliv | Oliv | #808000 | |
lila | Mörklila | #800080 | |
röd | Röd | #FF0000 | |
silver | Ljusgrå | #C0C0C0 | |
kricka | Blå grön | #008080 | |
vit | Vit | #FFFFFF | |
gul | Gul | #FFFF00 |
Det spelar ingen roll om du anger en färg med dess namn eller genom att använda hexadecimala tal. Dessa metoder är lika i sin effekt. Exempel 6.1 visar hur man ställer in bakgrunds- och textfärger på en webbsida.
Exempel 6.1. Bakgrund och textfärg
Exempeltext
I det här exemplet ställs bakgrundsfärgen in med taggens bgcolor-attribut
, och textfärgen genom textattributet. För variation sätts textattributet till ett hexadecimalt tal och bgcolor-attributet är satt till det reserverade nyckelordet teal .Tabell (palett) med färger html ger dig möjlighet att självständigt välja den ton du behöver. Färgvärdet visas i tre format: Hex, RGB och HSV.
- Hex består av tre tvåteckenvärden i det hexadecimala talsystemet. Till exempel: #ff00b3, där det första paret siffror är rött, det andra är grönt och det tredje är blått.
- RGB (RedGreenBlue) har formen "200,100,255", vilket anger mängden motsvarande ton (röd, grön, blå) i den resulterande färgen.
- HSV (Hue, Saturation, Value - tone, saturation, value) - en färgmodell där koordinaterna är:
- Nyans - färgton, kan variera från 0° till 360°.
- Saturation - saturation, varierar från 0-100 eller 0-1. Ju högre denna parameter är, desto "renare" är färgen, varför denna parameter ibland kallas för färgrenhet. Och ju närmare denna parameter är noll, desto närmare är färgen neutral grå.
- Värde (färgvärde) - ställer in ljusstyrkan, värdet kan även variera mellan 0-100 eller 0-1.
Ange färgkod: GÅ
Lista över färger med namn
Tabellen listar de engelska färgnamnen (som kan användas som värden) som stöds av alla webbläsare och deras hexadecimala värden. Alla färger som anges är "säkra", vilket innebär att de kommer att visas på samma sätt i alla webbläsare.
Färgnamn | HEX | Färg |
---|---|---|
Svart | #000000 | |
Marin | #000080 | |
Mörkblå | #00008B | |
MediumBlå | #0000CD | |
Blå | #0000FF | |
Mörkgrön | #006400 | |
Grön | #008000 | |
Kricka | #008080 | |
Mörkcyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
Mörkturkos | #00CED1 | |
MediumVårGrön | #00FA9A | |
Kalk | #00FF00 | |
Vårgrön | #00FF7F | |
Aqua | #00FFFF | |
Cyan | #00FFFF | |
Midnattsblå | #191970 | |
DodgerBlue | #1E90FF | |
LjusSjögrön | #20B2AA | |
Skog grön | #228B22 | |
Havsgrön | #2E8B57 | |
Mörkskiffergrå | #2F4F4F | |
Limegrön | #32CD32 | |
MediumSeaGreen | #3CB371 | |
Turkos | #40E0D0 | |
Kungsblå | #4169E1 | |
Stålblå | #4682B4 | |
Mörkskifferblå | #483D8B | |
MediumTurkos | #48D1CC | |
Indigo | #4B0082 | |
MörkOlivgrön | #556B2F | |
Kadettblå | #5F9EA0 | |
Blåklint Blå | #6495ED | |
MediumAquaMarine | #66CDAA | |
Dimgrå | #696969 | |
SlateBlue | #6A5ACD | |
OliveDrab | #6B8E23 | |
Skiffer grå | #708090 | |
Ljusskiffergrå | #778899 | |
MediumSlateBlå | #7B68EE | |
Gräsgrön | #7CFC00 | |
Chartreuse | #7FFF00 | |
Akvamarin | #7FFFD4 | |
Rödbrun | #800000 | |
Lila | #800080 | |
Oliv | #808000 | |
grå | #808080 | |
Himmelsblå | #87CEEB | |
LjusHimmelblå | #87CEFA | |
Blåviolett | #8A2BE2 | |
Mörkröd | #8B0000 | |
DarkMagenta | #8B008B | |
Sadelbrunt | #8B4513 | |
Mörkhavsgrön | #8FBC8F | |
Ljusgrön | #90EE90 | |
MediumLila | #9370D8 | |
Mörkviolett | #9400D3 | |
Ljusgrön | #98FB98 | |
DarkOrchid | #9932CC | |
Gulgrön | #9ACD32 | |
Sienna | #A0522D | |
Brun | #A52A2A | |
Mörkgrå | #A9A9A9 | |
Ljusblå | #ADD8E6 | |
Grön gul | #ADFF2F | |
Blek turkos | #AFEEEE | |
Ljusstålblå | #B0C4DE | |
Puderblå | #B0E0E6 | |
Eldfast tegel | #B22222 | |
DarkGoldenRod | #B8860B | |
MediumOrchid | #BA55D3 | |
RosyBrown | #BC8F8F | |
Mörk Khaki | #BDB76B | |
Silver | #C0C0C0 | |
MediumVioletRöd | #C71585 | |
IndianRött | #CD5C5C | |
Peru | #CD853F | |
Choklad | #D2691E | |
Solbränna | #D2B48C | |
Ljusgrå | #D3D3D3 | |
Blekviolettröd | #D87093 | |
Tistel | #D8BFD8 | |
Orkide | #DA70D6 | |
Gullris | #DAA520 | |
djupröd | #DC143C | |
Gainsboro | #DCDCDC | |
Plommon | #DDA0DD | |
BurlyWood | #DEB887 | |
Ljuscyan | #E0FFFF | |
Lavendel | #E6E6FA | |
Mörklax | #E9967A | |
Violett | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Kaki | #F0E68C | |
AliceBlue | #F0F8FF | |
HoneyDew | #F0FFF0 | |
Azurblå | #F0FFFF | |
SandyBrown | #F4A460 | |
Vete | #F5DEB3 | |
Beige | #F5F5DC | |
Vit rök | #F5F5F5 | |
MintCream | #F5FFFA | |
GhostWhite | #F8F8FF | |
Lax | #FA8072 | |
Antikvit | #FAEBD7 | |
Linné | #FAF0E6 | |
LjusGylleneRodGul | #FAFAD2 | |
Gammal spets | #FDF5E6 | |
Röd | #FF0000 | |
Fuchsia | #FF00FF | |
Magenta | #FF00FF | |
Deep Pink | #FF1493 | |
Orange röd | #FF4500 | |
Tomat | #FF6347 | |
Skrikrosa | #FF69B4 | |
Korall | #FF7F50 | |
Mörkorange | #FF8C00 | |
Ljuslax | #FFA07A | |
Orange | #FFA500 | |
Ljusrosa | #FFB6C1 | |
Rosa | #FFC0CB | |
Guld | #FFD700 | |
PeachPuff | #FFDAB9 | |
Navajovit | #FFDEAD | |
Mockasin | #FFE4B5 | |
Bisque | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blancherad mandel | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
LavendelBlush | #FFF0F5 | |
Snäckskal | #FFF5EE | |
Majssilke | #FFF8DC | |
CitronChiffon | #FFFACD | |
Blommigt Vit | #FFFFAF0 | |
Snö | #FFFAFA | |
Gul | #FFFF00 | |
Ljusgul | #FFFFE0 | |
Elfenben | #FFFFFF0 | |
Vit | #FFFFFF |