táblázat (paletta) html színek 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ét karakter értékből áll hexadecimális jelöléssel. 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 nagyobb ez a beállítás, annál "tisztább" a szín, ezért ezt a beállítást 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 a rajta lévő színek nevét angol nyelv(amely értékként használható) minden böngésző által támogatott és azok hexadecimális értékei. Az összes felsorolt szín "biztonságos", vagyis minden böngészőben ugyanazt jelenítik 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 | |
| tenger zöld | #2E8B57 | |
| DarkSlateGray | #2F4F4F | |
| Zöldcitrom zöld | #32CD32 | |
| Közepes tengerzöld | #3CB371 | |
| Türkiz | #40E0D0 | |
| Királykék | #4169E1 | |
| acél kék | #4682B4 | |
| Sötét palakék | #483D8B | |
| Közepes türkiz | #48D1CC | |
| Indigó | #4B0082 | |
| Sötét olívazöld | #556B2F | |
| Kék kadét | #5F9EA0 | |
| Búzavirágkék | #6495ED | |
| Közepes AquaMarine | #66 CDAA | |
| Dim Gray | #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ét ibolya | #9400D3 | |
| halvány zöld | #98FB98 | |
| Sötét orchidea | #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 | |
| DarkKhaki | #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 | |
| arany rúd | #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 | |
| Alice Blue | #F0F8FF | |
| mézharmat | #F0FFF0 | |
| Égszínkék | #F0FFFF | |
| Sandy Brown | #F4A460 | |
| Búza | #F5DEB3 | |
| Bézs | #F5F5DC | |
| fehér füst | #F5F5F5 | |
| MintCream | #F5FFFA | |
| szellem fehér | #F8F8FF | |
| Lazac | #FA8072 | |
| antik fehér | #FAEBD7 | |
| vászon | #FAF0E6 | |
| VilágosGoldenRodYellow | #FAFAD2 | |
| Régi csipke | #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 | |
| sötét színű | #FF8C00 | |
| LightSalmon | #FFA07A | |
| narancssárga | #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 | |
| Papaya ostor | #FFEFD5 | |
| Levendulapirosító | #FFF0F5 | |
| kagyló | #FFF5EE | |
| Cornsilk | #FFF8DC | |
| Citromsifon | #FFFACD | |
| Virágfehér | #FFFAF0 | |
| Hó | #FFFAFA | |
| Sárga | #FFFF00 | |
| Halványsárga | #FFFFE0 | |
| Elefántcsont | #FFFFF0 | |
| fehér | #FFFFFF |
A HTML színeit hat karakter jelzi a perjel után – például #000000. Ez a hat karakter a különböző színek (piros, zöld és kék) arányát jelzi a végső színben. A számítógép monitorán megjelenő kép abból áll Hatalmas mennyiségű pixeleknek nevezett pontok. Minden pixel az kis rugó fény, nevezzük "zseblámpának", amely viszont három zseblámpából áll - piros, zöld és kék. Az egyes színes lá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) kombinációjának hexadecimális (HEX) jelölése jelöli.
A legkisebb színérték 0 (hexadecimális 00). legmagasabb érték színe 255 (hexadecimális FF).
A hexadecimális színérték három számjegyből áll, amelyek #-vel kezdődnek.
Színkódok (értékek)
| 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 piros, a kék és a zöld kombinációja 0-tól 255-ig terjedő értékekkel minden színhez több mint 16 millió árnyalatot eredményez (256 x 256 x 256).
Többség modern monitorok legalább 16 384 különböző árnyalat megjelenítésére képes (az LCD monitorok általában 262,16 milliót képesek megjeleníteni (frissítve: 2013. október) színek, míg a CRT monitorok szinte 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, amikor nulla értékek kék és zöld színek:
| 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) |
szürke árnyalatai
A szürke árnyalatok eléréséhez az összes színt egyenlő arányban kell használni. A kívánt szín kiválasztásának megkönnyítése érdekében a szürke árnyalataihoz kódokat biztosítunk.
| 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ön átívelő (minden böngésző esetén) html színnevek
150 html színnévből álló gyűjtemény, amelyet minden böngésző támogat.
Szabványos színnevek
A W3C 16 érvényes színnevet sorol fel a HTML-hez és a CSS-hez: aqua (akvamarin), fekete (fekete), kék (kék), fukszia (bíborvörös), szürke (szürke), zöld (zöld), lime (lime vagy világoszöld), 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).
Ha olyan színeket használ, amelyek nem szerepelnek ebben a listában, helyesebb a hexadecimális kódjuk (HEX) vagy RGB-kód 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.
Ez a 216 színpaletta azért jött létre, hogy a 256 színpaletta módban megfelelően jelenítse meg a színeket.
Ez most már mindegy, mert a legtöbb számítógép világszerte több millió színárnyalatot támogat. Mindenesetre itt van ezeknek a színeknek a 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 |
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 a segítségével állítja be a betűszínt különféle rendszerek színvisszaadás. A tulajdonság az elem szövegtartalmának színét írja le. Arra is használható, hogy potenciális közvetett értéket (currentColor) biztosítson 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ő értékeket 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, nem pedig nullák hozzáadásával alakítjuk át a hatjegyű #rrggbb alakra. Például az #fb0 #ffbb00-ra bővül. Ez biztosítja, hogy a fehér #ffffff megadható legyen a #ffff rövidíté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 (majd egy vesszővel elválasztott lista három numerikus értékkel (vagy három egész számmal vagy három százalékos értékkel), majd egy karakterrel). 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.
Ez az oldal egy táblázatot tartalmaz kulcsszavakkal, amelyek segítségével színeket lehet kijelölni olyan webfejlesztési nyelveken, mint: HTML, CSS, JavaScript, Flash stb.
A régi WC3 specifikációban csak 16 kulcsszót használtak a színek beállítására a HTML-ben és a CSS-ben. A későbbi, modernebb specifikációkban további 130 kulcsszót adtak a színnevek jelölésére. A következő táblázat a színneveket tartalmazza, hexadecimális és RGB kódok amelyeknek megfelelnek.
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. Ez azért van, mert egyesek kulcsszavakat ugyanazt a színt képviselik. Tehát a Szürke és a Szürke nevek az 50 százalékos szürkeséget jelentik a #808080 kóddal, míg a Magenta szó a fukszia szín HTML szinonimája, amely az #FF00FF hexadecimális kódnak felel meg. Az Aqua és a Cyan szavak szintén szinonimák, a #00FFFF kódnak felelnek meg.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||