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 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 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 | |
tengerzö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 | #66CDAA | |
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 |
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 tartalmazza a színneveket, a hexadecimális és RGB kódokat, 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 Gray és Gray nevek az 50 százalékos szürkeséget jelentik a #808080 kóddal, és a Magenta szó szinonimája HTML színek Fukszia , amely a #FF00FF hexadecimális kódnak felel meg. Az Aqua és a Cyan szavak szintén szinonimák, a #00FFFF kódnak felelnek meg.
|
|
A CSS-ben található színkódok a színek meghatározására szolgálnak. A színkódokat vagy színértékeket általában egy elem előterének (pl. szöveg, hivatkozás színe) vagy egy elem hátterének (háttér, blokkszín) színének beállítására használják. Használhatók a gombok színének, szegélyeinek, jelölőjének, lebegésének és egyéb dekoratív effektusainak megváltoztatására is.
Beállíthatja saját színértékeit különféle formátumok. Az alábbi táblázat felsorolja az összes lehetséges formátumot:
Ezeket a formátumokat az alábbiakban részletesebben ismertetjük.
CSS színek – hexadecimális kódok
Hexadecimális színkód egy hatjegyű színábrázolás. Az első két számjegy (RR) a piros érték, a következő kettő a zöld érték (GG), az utolsó kettő pedig a kék érték (BB).
CSS színek – Rövid hexadecimális kódok
Rövid hexadecimális színkód a hatkarakteres jelölés rövidebb formája. Ebben a formátumban minden számjegy megismétlődik, hogy az egyenértékű hatjegyű színértéket kapja. Például: #0F0 #00FF00 lesz.
A hexadecimális érték bármilyen grafikáról vehető szoftver, úgymint Adobe Photoshop, Core Draw stb.
A CSS-ben minden hexadecimális színkódot egy "#" hash jel előz meg. Az alábbiakban példákat mutatunk be a hexadecimális jelölés használatára.
CSS színek – RGB értékek
RGB érték egy színkód, amely az rgb() tulajdonsággal van beállítva. Ez a tulajdonság három értéket vesz fel: egy-egy piros, zöld és kék értéket. Az érték lehet egész szám, 0 és 255 között, vagy százalék.
Jegyzet: Nem minden böngésző támogatja az rgb() color tulajdonságot, ezért ennek használata nem javasolt.
Az alábbiakban több színt mutatunk be RGB-értékek használatával.
Színkód generátor
Szolgáltatásunkkal több millió színkódot hozhat létre.
Biztonságos böngésző színei
Az alábbiakban egy 216 színt tartalmazó táblázat található, amelyek a legbiztonságosabbak és a számítógéptől függetlenek. Ezek a színek a CSS-ben 000000-től FFFFFF hexadecimális kódig terjednek. Használatuk biztonságos, mivel biztosítják, hogy minden számítógép helyesen jelenítse meg a színeket, amikor a 256-os színpalettával dolgozik.
A "biztonságos" színek táblázata a CSS-ben | |||||
#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 |