B0 szín. A stílusok színét többféleképpen lehet megadni: hexadecimális értékkel, név szerint, RGB, RGBA, HSL, HSLA formátumban. RGB használata
Ez az oldal egy táblázatot tartalmaz kulcsszavakkal, amelyek a színek jelölésére használhatók olyan webfejlesztői nyelveken, mint: HTML, CSS, JavaScript, Flash stb.
A WC3 konszern régi specifikációiban mindössze 16 kulcsszó volt megadva, amelyek segítségével színeket állítottak be HTML-ben és CSS-ben. A további, modernebb specifikációkban további 130 kulcsszót adtak a színnevek jelzésére. A következő táblázat tartalmazza a színneveket, valamint a hozzájuk tartozó hexadecimális és RGB kódokat.
A CSS-szabályok szerint a színnevek nem különböztetik meg a kis- és nagybetűket. Az IndianRed és az indianred színbejegyzések egyenértékűek.
Azt is érdemes megjegyezni, hogy a táblázatban szereplő 146 kulcsszó közül valójában kevesebb szín található benne. Ennek az az oka, hogy egyes kulcsszavak ugyanarra a színre utalnak. Így a Szürke és Szürke elnevezések a #808080 50%-os szürke színkódot jelentik, a Magenta szó pedig a fukszia HTML-szín szinonimája, amely a #FF00FF hexadecimális kódnak felel meg. Szintén szinonimák az Aqua és Cyan szavak, ezek a #00FFFF kódnak felelnek meg.
|
|
A CSS színmodul részletezi azokat az értékeket, amelyek lehetővé teszik a szerzők számára, hogy meghatározzák a html-elemek színét és átlátszatlanságát, valamint a színtulajdonság értékeit.
színtulajdonság
1. Elsőbbségi színek: színtulajdonság
A tulajdonság különböző színvisszaadási rendszerekkel határozza meg a betűszínt. A tulajdonság az elem szövegtartalmának színét írja le. Ezenkívül potenciális közvetett érték (currentColor) biztosítására szolgál minden olyan tulajdonsághoz, amely elfogadja a színértékeket.
Az ingatlan öröklődik.
2. Színértékek
2.1. Fő kulcsszavak
A fő kulcsszavak listája a következő jelentéseket tartalmazza:
Név | HEX | RGB | Szín |
---|---|---|---|
fekete | #000000 | 0,0,0 | |
ezüst | #C0C0C0 | 192,192,192 | |
szürke | #808080 | 128,128,128 | |
fehér | #FFFFFF | 255,255,255 | |
gesztenyebarna | #800000 | 128,0,0 | |
piros | #FF0000 | 255,0,0 | |
lila | #800080 | 128,0,128 | |
fukszia | #FF00FF | 255,0,255 | |
zöld | #008000 | 0,128,0 | |
mész | #00FF00 | 0,255,0 | |
olajbogyó | #808000 | 128,128,0 | |
sárga | #FFFF00 | 255,255,0 | |
haditengerészet | #000080 | 0,0,128 | |
kék | #0000FF | 0,0,255 | |
a zöldeskék | #008080 | 0,128,128 | |
aqua | #00FFFF | 0,255,255 |
A színnevek nem különböztetik meg a kis- és nagybetűket.
Szintaxis
Szín: kékeszöld;
2.2. Numerikus színértékek
2.2.1. RGB modell színei
Az RGB-érték hexadecimális formátuma egy # jel, amelyet közvetlenül három vagy hat hexadecimális karakter követ. A háromjegyű #rgb RGB jelölést a számjegyek másolásával a nullák hozzáadása helyett a hatjegyű #rrggbb formává alakítjuk. Például az #fb0 #ffbb00-ra bővül. Ez biztosítja, hogy a fehér #ffffff megadható legyen a rövid #ffff bejegyzésben, és eltávolítja a kijelző színmélységétől való függőséget.
Az RGB érték formátuma a funkcionális jelölésekben rgb (ezt követi egy vesszővel elválasztott három numerikus érték (vagy három egész érték vagy három százalékos érték), amelyet egy szimbólum követ). A 255 egész szám 100%-nak felel meg, az F vagy FF pedig hexadecimális jelöléssel:
Rgb(255.255.255) = rgb(100%, 100%, 100%) = #FFF
A numerikus értékek körül szóköz karakterek megengedettek.
A HTML színeit hat karakter jelzi a perjel után – például #000000. Ez a hat szimbólum a különböző színek (piros, zöld, kék) arányát jelzi a végső színben. A számítógép monitorán a kép hatalmas számú pontból, úgynevezett pixelekből áll össze. Minden pixel egy kis fényforrás, nevezzük "zseblámpának", amely viszont három zseblámpából áll - piros, zöld és kék. Az egyes színes zseblámpák fényének intenzitásának csökkentésével vagy növelésével a kívánt színt kapjuk.
HTML színkódok
A HTML-ben a színeket a vörös, kék és zöld (RGB) hexadecimális (HEX) jelöléssel jelölik.
A legkisebb színérték 0 (hexadecimális 00). A legmagasabb színérték 255 (hex FF).
A hexadecimális színérték három számjegyből áll, amelyek # jellel kezdődnek.
Színkódok (jelentések)
Szín | HEX kód | RGB kód |
---|---|---|
#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 millió árnyalat
A vörös, kék és zöld kombinációja 0 és 255 közötti értékekkel az egyes színek százalékos arányához összesen több mint 16 millió árnyalatot eredményez (256 x 256 x 256).
A legtöbb modern monitor legalább 16 384 különböző árnyalat megjelenítésére képes (az LCD monitorok általában 262 ezer 16 milliót képesek megjeleníteni (frissítve: 2013. október) színek, a CRT-monitorok pedig gyakorlatilag korlátlan számú színt képesek megjeleníteni).
Az alábbi színtáblázat a vörös arányának változását mutatja 0-ról 255-re, a kék és a zöld nulla értékével:
Piros | HEX kód | RGB kód |
---|---|---|
#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) |
A szürke árnyalatai
A szürke árnyalatok eléréséhez az összes színt egyenlő arányban használják fel. A megfelelő szín kiválasztásának megkönnyítése érdekében szürke árnyalatkódokat biztosítunk
A szürke árnyalatai | HEX kód | RGB kód |
---|---|---|
#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) |
Böngészők közötti (minden böngésző) html színnevek
150 színnév gyűjteménye html-ben, minden böngészőben támogatott.
Szabványos színnevek
A W3C 16 érvényes színnevet sorol fel a HTML-hez és a CSS-hez: aqua, fekete, kék, fukszia, szürke, zöld, lime, barna (gesztenye), sötétkék (ultramarin), olíva (olíva), lila (lila), piros (piros) , ezüst (ezüst), kékeszöld (szürke), fehér (fehér) és sárga (sárga).
A listában nem szereplő színek használatakor helyesebb a hexadecimális (HEX) vagy RGB kódjuk használata.
Biztonságos színek
Néhány évvel ezelőtt, amikor a számítógépek maximum 256 különböző színt tudtak támogatni, 216 „Web biztonságos színt” tartalmazó listát javasoltak, 40 színnel a rendszer számára fenntartva.
Ezt a 216 színpalettát úgy hozták létre, hogy a 256 színpaletta módban megfelelően jelenítse meg a színeket.
Ez most már nem számít, mert a legtöbb számítógép világszerte több millió színárnyalatot támogat. Mindenesetre itt van a színek listája:
000000 | 000033 | 000066 | 000099 | 0000 CC | 0000 FF |
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 | 3300 FF |
333300 | 333333 | 333366 | 333399 | 3333CC | 3333FF |
336600 | 336633 | 336666 | 336699 | 3366CC | 3366FF |
339900 | 339933 | 339966 | 339999 | 3399CC | 3399FF |
33CC00 | 33CC33 | 33CC66 | 33CC99 | 33CCCC | 33CCFF |
33 FF00 | 33FF33 | 33FF66 | 33FF99 | 33FFCC | 33FFFF |
660000 | 660033 | 660066 | 660099 | 6600CC | 6600 FF |
663300 | 663333 | 663366 | 663399 | 6633CC | 6633FF |
666600 | 666633 | 666666 | 666699 | 6666CC | 6666FF |
669900 | 669933 | 669966 | 669999 | 6699CC | 6699FF |
66CC00 | 66CC33 | 66CC66 | 66CC99 | 66CCCC | 66CCFF |
66 FF00 | 66FF33 | 66FF66 | 66FF99 | 66FFCC | 66FFFF |
990000 | 990033 | 990066 | 990099 | 9900CC | 9900 FF |
993300 | 993333 | 993366 | 993399 | 9933CC | 9933FF |
996600 | 996633 | 996666 | 996699 | 9966CC | 9966FF |
999900 | 999933 | 999966 | 999999 | 9999CC | 9999FF |
99CC00 | 99CC33 | 99CC66 | 99CC99 | 99CCCC | 99CCFF |
99 FF00 | 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 |
0000 FF | 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 |
Színtáblázat (paletta) html lehetőséget ad a szükséges hangszín önálló kiválasztására. A színérték három formátumban jelenik meg: Hex, RGB és HSV.
- A hex három kétkarakteres értékből áll a hexadecimális számrendszerben. Például: #ff00b3, ahol az első számpár piros, a második zöld, a harmadik pedig kék.
- Az RGB (RedGreenBlue) formátuma "200,100,255", amely jelzi a megfelelő tónus (piros, zöld, kék) mennyiségét a kapott színben.
- HSV (Hue, Saturation, Value - tónus, telítettség, érték) - színmodell, amelyben a koordináták a következők:
- Színárnyalat - színtónus, 0° és 360° között változhat.
- Telítettség - telítettség, 0-100 vagy 0-1 között változik. Minél magasabb ez a paraméter, annál „tisztább” a szín, ezért ezt a paramétert néha színtisztaságnak is nevezik. És minél közelebb van ez a paraméter a nullához, annál közelebb áll a szín a semleges szürkéhez.
- Érték (színérték) - a fényerőt állítja be, az érték 0-100 vagy 0-1 között is változhat.
Írja be a színkódot: MEGY
Színek listája névvel
A táblázat felsorolja az összes böngésző által támogatott (értékként használható) angol színneveket és azok hexadecimális értékeit. Az összes felsorolt szín „biztonságos”, vagyis minden böngészőben ugyanúgy jelennek meg.
Színnév | HEX | Szín |
---|---|---|
Fekete | #000000 | |
haditengerészet | #000080 | |
Sötétkék | #00008B | |
Közepes kék | #0000CD | |
Kék | #0000FF | |
Sötétzöld | #006400 | |
Zöld | #008000 | |
A zöldeskék | #008080 | |
Sötétcián | #008B8B | |
DeepSkyBlue | #00BFFF | |
Sötét Türkiz | #00CED1 | |
Közepes tavaszi zöld | #00FA9A | |
Mész | #00FF00 | |
Tavaszi zöld | #00FF7F | |
Aqua | #00FFFF | |
Cián | #00FFFF | |
Éjkék | #191970 | |
Dodger Blue | #1E90FF | |
LightSeaGreen | #20B2AA | |
Erdő zöld | #228B22 | |
Tengerzöld | #2E8B57 | |
DarkSlateGray | #2F4F4F | |
Zöldcitrom zöld | #32CD32 | |
Közepes tengerzöld | #3CB371 | |
Türkiz | #40E0D0 | |
Királykék | #4169E1 | |
SteelBlue | #4682B4 | |
DarkSlateBlue | #483D8B | |
Közepes türkiz | #48D1CC | |
Indigó | #4B0082 | |
Sötét olajzöld | #556B2F | |
Kék kadét | #5F9EA0 | |
Búzavirágkék | #6495ED | |
Közepes AquaMarine | #66 CDAA | |
DimGray | #696969 | |
Palakék | #6A5ACD | |
OliveDrab | #6B8E23 | |
Palaszürke | #708090 | |
LightSlateGray | #778899 | |
Közepes palakék | #7B68EE | |
Gyepzöld | #7CFC00 | |
Karthauzi likőr | #7FFF00 | |
Akvamarin | #7FFFD4 | |
Gesztenyebarna | #800000 | |
Lila | #800080 | |
Olajbogyó | #808000 | |
szürke | #808080 | |
Égszínkék | #87CEEB | |
LightSkyBlue | #87CEFA | |
Kék ibolya | #8A2BE2 | |
Sötét vörös | #8B0000 | |
Sötétbíbor | #8B008B | |
Nyeregbarna | #8B4513 | |
Sötét tengerzöld | #8FBC8F | |
Világos zöld | #90EE90 | |
Közepes lila | #9370D8 | |
Sötétlila | #9400D3 | |
Halvány zöld | #98FB98 | |
DarkOrchid | #9932CC | |
Sárga zöld | #9ACD32 | |
Sienna | #A0522D | |
Barna | #A52A2A | |
Sötét szürke | #A9A9A9 | |
Világoskék | #ADD8E6 | |
Zöld sárga | #ADFF2F | |
Halvány Türkiz | #FEEEE | |
LightSteelBlue | #B0C4DE | |
Kobalt kék | #B0E0E6 | |
Tűztégla | #B22222 | |
DarkGoldenRod | #B8860B | |
Közepes orchidea | #BA55D3 | |
Rózsabarna | #BC8F8F | |
Sötét khaki | #BDB76B | |
Ezüst | #C0C0C0 | |
Közepes VioletPiros | #C71585 | |
indiánvörös | #CD5C5C | |
Peru | #CD853F | |
Csokoládé | #D2691E | |
Cser | #D2B48C | |
Világos szürke | #D3D3D3 | |
HalványVioletPiros | #D87093 | |
Bogáncs | #D8BFD8 | |
Orchidea | #DA70D6 | |
GoldenRod | #DAA520 | |
Karmazsinvörös | #DC143C | |
Gainsboro | #DCDCDC | |
Szilva | #DDA0DD | |
BurlyWood | #DEB887 | |
LightCyan | #E0FFFF | |
Levendula | #E6E6FA | |
DarkSalmon | #E9967A | |
Ibolya | #EE82EE | |
PaleGoldenRod | #EEE8AA | |
LightCoral | #F08080 | |
Khaki | #F0E68C | |
AliceBlue | #F0F8FF | |
Mézharmat | #F0FFF0 | |
Égszínkék | #F0FFFF | |
SandyBrown | #F4A460 | |
Búza | #F5DEB3 | |
Bézs | #F5F5DC | |
Fehér füst | #F5F5F5 | |
MintCream | #F5FFFA | |
GhostWhite | #F8F8FF | |
Lazac | #FA8072 | |
Antik Fehér | #FAEBD7 | |
Vászon | #FAF0E6 | |
VilágosGoldenRodYellow | #FAFAD2 | |
OldLace | #FDF5E6 | |
Piros | #FF0000 | |
Fukszia | #FF00FF | |
Bíborvörös | #FF00FF | |
Mély rózsaszín | #FF1493 | |
Narancsvörös | #FF4500 | |
Paradicsom | #FF6347 | |
Dögös rózsaszín | #FF69B4 | |
Korall | #FF7F50 | |
Darkorange | #FF8C00 | |
LightSalmon | #FFA07A | |
narancs | #FFA500 | |
Világos rózsaszín | #FFB6C1 | |
Rózsaszín | #FFC0CB | |
Arany | #FFD700 | |
PeachPuff | #FFDAB9 | |
NavajoWhite | #FFDEAD | |
Mokaszin | #FFE4B5 | |
Krémleves | #FFE4C4 | |
MistyRose | #FFE4E1 | |
Blansírozott mandula | #FFEBCD | |
PapayaWhip | #FFEFD5 | |
Levendulapirosító | #FFF0F5 | |
SeaShell | #FFF5EE | |
Cornsilk | #FFF8DC | |
Citromsifon | #FFFACD | |
Virágfehér | #FFFAF0 | |
Hó | #FFFAFA | |
Sárga | #FFFF00 | |
Halványsárga | #FFFFE0 | |
Elefántcsont | #FFFFFF0 | |
fehér | #FFFFFF |