Mörk turkos färg. Färg i stilar kan ställas in på olika sätt: med hexadecimalt värde, efter namn, i RGB-, RGBA-, HSL-, HSLA-format. Med RGB
Tabell (palett) html färger 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 hexadecimal notation. 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" som 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 mellan 0-100 eller 0-1. Ju större denna inställning, desto "renare" är färgen, varför denna inställning 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 namnen på färgerna på engelska språket(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 | |
Mellanblå | #0000CD | |
Blå | #0000FF | |
mörkgrön | #006400 | |
Grön | #008000 | |
Kricka | #008080 | |
Mörkcyan | #008B8B | |
DeepSkyBlue | #00BFFF | |
Mörk turkos | #00CED1 | |
MediumVårGrön | #00FA9A | |
kalk | #00FF00 | |
Vårgrön | #00FF7F | |
Aqua | #00FFFF | |
cyan | #00FFFF | |
midnattsblå | #191970 | |
Dodger Blue | #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 | |
Medium turkos | #48D1CC | |
Indigo | #4B0082 | |
MörkOlivgrön | #556B2F | |
Kadett blå | #5F9EA0 | |
Blåklint Blå | #6495ED | |
MediumAquaMarine | #66CDAA | |
Dim grå | #696969 | |
Slate Blue | #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 | |
Medium lila | #9370D8 | |
mörk violett | #9400D3 | |
ljusgrön | #98FB98 | |
Mörk orkidé | #9932CC | |
gulgrön | #9ACD32 | |
Sienna | #A0522D | |
Brun | #A52A2A | |
mörkgrå | #A9A9A9 | |
ljusblå | #ADD8E6 | |
Grön gul | #ADFF2F | |
paleturkos | #AFEEEE | |
Ljusstålblå | #B0C4DE | |
Puderblå | #B0E0E6 | |
Eldfast tegel | #B22222 | |
DarkGoldenRod | #B8860B | |
Medium orkidé | #BA55D3 | |
RosyBrown | #BC8F8F | |
DarkKhaki | #BDB76B | |
Silver | #C0C0C0 | |
MediumVioletRöd | #C71585 | |
IndianRött | #CD5C5C | |
Peru | #CD853F | |
Choklad | #D2691E | |
Solbränna | #D2B48C | |
ljusgrått | #D3D3D3 | |
Blekviolettröd | #D87093 | |
Tistel | #D8BFD8 | |
Orkide | #DA70D6 | |
gyllene stav | #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 | |
Alice Blue | #F0F8FF | |
honungsdagg | #F0FFF0 | |
Azurblå | #F0FFFF | |
Sandy Brown | #F4A460 | |
Vete | #F5DEB3 | |
Beige | #F5F5DC | |
vit rök | #F5F5F5 | |
MintCream | #F5FFFA | |
spökvit | #F8F8FF | |
Lax | #FA8072 | |
antikvit | #FAEBD7 | |
Linné | #FAF0E6 | |
LjusGylleneRodGul | #FAFAD2 | |
Gammal spets | #FDF5E6 | |
Röd | #FF0000 | |
Fuchsia | #FF00FF | |
Magenta | #FF00FF | |
djuprosa | #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 | |
Papaya piska | #FFEFD5 | |
LavendelBlush | #FFF0F5 | |
snäckskal | #FFF5EE | |
Majssilke | #FFF8DC | |
CitronChiffon | #FFFACD | |
Blommigt Vit | #FFFFAF0 | |
Snö | #FFFAFA | |
Gul | #FFFF00 | |
Ljusgul | #FFFFE0 | |
Elfenben | #FFFFF0 | |
Vit | #FFFFFF |
HTML-färger indikeras med sex tecken efter snedstrecket - till exempel #000000. Dessa sex tecken representerar proportionerna mellan de olika färgerna (röd, grön och blå) i den slutliga färgen. Bilden på din datorskärm består 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 lyktor får vi den önskade färgen.
html färgkoder
Färger i HTML betecknas med den hexadecimala (HEX) notationen för kombinationen av rött, blått och grönt (RGB).
Det minsta färgvärdet är 0 (hexadecimalt 00). högsta värde färgen är 255 (hexadecimal FF).
Det hexadecimala färgvärdet är tre siffror som börjar med #.
Färgkoder (värden)
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 varje färg ger ö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,16 miljoner (uppdaterad oktober 2013) färger, medan CRT-skärmar kan visa ett nästan obegränsat antal färger).
PÅ färgkarta följande är 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 proportioner av alla färger. För att underlätta valet av önskad färg förser vi dig med koder för grå nyanser.
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 (för alla webbläsare) html-färgnamn
En samling av 150 html-färgnamn som stöds i alla webbläsare.
Standardiserade färgnamn
W3C listar 16 giltiga färgnamn för HTML och CSS: aqua (akvamarin), svart (svart), blå (blå), fuchsia (magenta), grå (grå), grön (grön), lime (lime eller ljusgrön), rödbrun (kastanj), marin (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 finns med i den här listan är det mer korrekt att använda deras hexadecimala kod (HEX) eller RGB-kod.
Säkra färger
För några å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.
Det spelar ingen roll nu, 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 |
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. Tal större än 15 i det hexadecimala systemet bildas genom att kombinera två tal till ett. Till exempel motsvarar talet 255 i decimal talet FF i hexadecimal. För att undvika förvirring i definitionen av talsystemet föregås det hexadecimala talet av hash-symbolen #, 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ärgens beteckning är alltså uppdelad i tre komponenter #rrggbb, där de två första tecknen markerar färgens röda komponent, de två mittersta markerar grönt och de två sista markerar 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 namn. I tabell. 1 visar namn, hex-kod, värden i RGB, HSL-format och beskrivning.
namn | Färg | Koden | RGB | HSL | Beskrivning |
---|---|---|---|---|---|
vit | #fffff 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 |
Med 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 en färg med hjälp av 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å acceptabelt att sätta färgen som en procentsats, medan 100 % kommer att motsvara siffran 255. Först anges nyckelordet rgb, och sedan är färgkomponenterna anges inom parentes, avgränsade 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 genomskinligt.
RGBA läggs till i CSS3, så validering av CSS-kod bör utföras enligt denna version. Det bör noteras att CSS3-standarden fortfarande är under utveckling och vissa av dess funktioner kan ändras. Till exempel, en RGB-färg som läggs till egenskapen bakgrundsfärg klarar valideringen, men en som läggs till egenskapen bakgrund gör det inte. 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+ |
Namnet på HSL-formatet bildas av en kombination av de första bokstäverna Hue (nyans), Saturate (saturation) och Lightness (lightness). Nyans är färgvärdet på färghjulet (fig. 1) och anges i grader. 0° är rött, 120° är grönt och 240° är blått. Nyansvärde kan variera från 0 till 359.
Ris. 1. Färghjul
Mättnad är intensiteten hos en färg, mätt i procent från 0 % till 100 %. Ett värde på 0 % anger ingen färg och en grå nyans, 100 % är det maximala mättnadsvärdet.
Ljushet anger hur ljus färgen är och anges i procent från 0 % till 100 %. Små värden gör färgen mörkare, medan höga värden gör den 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 som ställer in elementets transparens. Ett värde på 0 är helt transparent, 1 är ogenomskinligt och ett mellanvärde som 0,5 är genomskinligt.
Färgvärden i RGBA-, HSL- och HSLA-format läggs till i CSS3, så när du använder dessa format, kontrollera koden för giltighet mot versionen.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Varning
Alla metoder för att fånga ett lejon som finns listade 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 resultatet. Kom ihåg att lejonet är ett rovdjur och ett farligt djur!
Resultat detta exempel visad i fig. 2.
Ris. 2. Färger på webbsidan
Färgkoder i CSS används för att specificera färger. Vanligtvis färgkoder eller färgvärden används för att ställa in färgen för antingen förgrunden på ett element (till exempel färgen på text, länkar) eller bakgrunden för ett element (bakgrundens färg, block). De kan också användas för att ändra knappfärg, kanter, markör, hovring och andra dekorativa effekter.
Du kan ställa in dina egna färgvärden olika format. Följande tabell listar alla möjliga format:
Dessa format beskrivs mer i detalj nedan.
CSS-färger - Hexkoder
Hexadecimal färgkodär en sexsiffrig färgrepresentation. De två första siffrorna (RR) är det röda värdet, de nästa två är det gröna värdet (GG) och de två sista är det blåa värdet (BB).
CSS-färger - Korta hex-koder
Kort hexadecimal färgkodär en kortare form av sexteckennotation. I detta format upprepas varje siffra för att producera motsvarande sexsiffrigt färgvärde. Till exempel: #0F0 blir #00FF00.
Det hexadecimala värdet kan hämtas 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. Följande är exempel på användning av hexadecimal notation.
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.
Säkra webbläsarfä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 hex-kod. De är säkra att använda eftersom de säkerställer att alla datorer kommer att visa 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 |
CSS-färgmodulen beskriver de värden som gör det möjligt för författare att definiera färgerna och opaciteten för html-element, såväl som värdena för färgegenskapen.
färgegenskap
1. Prioriterade färger: färgegenskap
Egenskapen ställer in teckensnittsfärgen med hjälp av olika renderingssystem. Egenskapen beskriver färgen på elementets textinnehåll. Den används också för att tillhandahålla ett potentiellt indirekt värde (currentColor) för alla andra egenskaper som accepterar färgvärden.
Fastigheten går i arv.
2. Färgvärden
2.1. Huvudsakliga nyckelord
Lista över major nyckelord innehåller följande värden:
namn | HEX | RGB | Färg |
---|---|---|---|
svart | #000000 | 0,0,0 | |
silver- | #C0C0C0 | 192,192,192 | |
grå | #808080 | 128,128,128 | |
vit | #FFFFFF | 255,255,255 | |
rödbrun | #800000 | 128,0,0 | |
röd | #FF0000 | 255,0,0 | |
lila | #800080 | 128,0,128 | |
fuchsia | #FF00FF | 255,0,255 | |
grön | #008000 | 0,128,0 | |
kalk | #00FF00 | 0,255,0 | |
oliv | #808000 | 128,128,0 | |
gul | #FFFF00 | 255,255,0 | |
Marin | #000080 | 0,0,128 | |
blå | #0000FF | 0,0,255 | |
kricka | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
Färgnamn är inte skiftlägeskänsliga.
Syntax
Färg: kricka;
2.2. Numeriska färgvärden
2.2.1. RGB-modellfärger
Formatet för ett RGB-värde i hexadecimalt format är ett #-tecken omedelbart följt av tre eller sex hexadecimala tecken. Den tresiffriga RGB-notationen #rgb konverteras till den sexsiffriga formen #rrggbb genom att kopiera siffrorna, inte genom att lägga till nollor. Till exempel expanderar #fb0 till #ffbb00 . Detta säkerställer att den vita #ffffff kan anges i #fff förkortningen, och tar bort alla beroenden på skärmens färgdjup.
Formatet för ett RGB-värde i funktionell notation är rgb( följt av en kommaseparerad lista med tre numeriska värden (antingen tre heltalsvärden eller tre procentuella värden) följt av tecknet). Heltalsvärdet 255 motsvarar 100 % och F eller FF i hexadecimal notation:
rgb(255,255,255) = rgb(100%, 100%, 100%) = #FFF
Mellanslag är tillåtna runt numeriska värden.