Ez az oldal egy táblázatot tartalmaz kulcsszavakkal, amelyek a színek jelölésére használhatók webfejlesztési nyelveken, például HTML, CSS, JavaScript, Flash stb.
A WC3 konszern régi specifikációiban mindössze 16 kulcsszót írtak ki, amelyek segítségével színeket állítottak be HTML-ben és CSS-ben. A későbbi, újabb specifikációkban további 130 kulcsszó került a színnevek jelölésére. Az alábbi táblázat felsorolja 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ázat 146 kulcsszava közül valójában kevesebb szín található benne. Ennek az az oka, hogy egyes kulcsszavak ugyanazt a színt jelentik. Tehát a Szürke és Szürke nevek az 50%-os szürkeséget jelentik a # 808080 kóddal, 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 a Cyan szavak, ezek a # 00FFFF kódnak felelnek meg.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
A színek beállítására hexadecimális számokat használnak. A hexadecimális rendszer a decimális rendszerrel ellentétben, ahogy a neve is sugallja, a 16-os számon alapul. A számok a következők: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 , A, B, C , D, E, F. A 10 és 15 közötti számokat latin betűk helyettesítik. A 15-nél nagyobb hexadecimális számokat két szám egyesítésével állítjuk elő. Például 255 decimális egyenlő FF hexadecimális értékkel. A számrendszer definíciójában való félreértés elkerülése érdekében a # hash szimbólumot a hexadecimális szám elé helyezzük, például # 666999. A három szín – piros, zöld és kék – mindegyike 00-tól FF-ig terjedhet. Így a színmegjelölés három összetevőre oszlik #rrggbb, ahol az első két karakter a szín piros összetevőjét jelöli, a két középső - zöld, az utolsó kettő - a kék. Megengedett egy rövidített alak használata, például az #rgb, ahol minden karaktert meg kell duplázni. Tehát a # fe0 bejegyzést # ffee00-ként kell kezelni.
Név szerint
| internet böngésző | Króm | Opera | Szafari | Firefox | Android | iOS |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
A böngészők egyes színeket név szerint támogatnak. asztal 1 mutatja a neveket, hexadecimális kódot, RGB, HSL értékeket és leírást.
| Név | Szín | A kód | RGB | Hsl | Leírás |
|---|---|---|---|---|---|
| fehér | #ffffff vagy #ffff | rgb (255 255 255) | hsl (0,0%, 100%) | fehér | |
| ezüst | # c0c0c0 | rgb (192 192 192) | hsl (0,0%, 75%) | Szürke | |
| szürke | #808080 | rgb (128 128 128) | hsl (0,0%, 50%) | Sötétszürke | |
| fekete | # 000000 vagy # 000 | rgb (0,0,0) | hsl (0,0%, 0%) | Fekete | |
| gesztenyebarna | #800000 | rgb (128,0,0) | hsl (0,100%, 25%) | Sötét vörös | |
| piros | # ff0000 vagy # f00 | rgb (255,0,0) | hsl (0,100%, 50%) | Piros | |
| narancs | # ffa500 | rgb (255 165,0) | HSL (38,8 100%, 50%) | narancs | |
| sárga | # ffff00 vagy # ff0 | rgb (255 255,0) | hsl (60 100%, 50%) | Sárga | |
| olajbogyó | #808000 | rgb (128 128,0) | hsl (60 100%, 25%) | Olajbogyó | |
| mész | # 00ff00 vagy # 0f0 | rgb (0,255,0) | hsl (120 100%, 50%) | Világos zöld | |
| zöld | #008000 | rgb (0,128,0) | hsl (120 100%, 25%) | Zöld | |
| aqua | # 00ffff vagy # 0ff | rgb (0 255 255) | hsl (180 100%, 50%) | Kék | |
| kék | # 0000ff vagy # 00f | rgb (0,0,255) | hsl (240 100%, 50%) | Kék | |
| haditengerészet | #000080 | rgb (0,0,128) | hsl (240 100%, 25%) | sötétkék | |
| a zöldeskék | #008080 | rgb (0,128,128) | hsl (180 100%, 25%) | Kékeszöld | |
| fukszia | # ff00ff vagy # f0f | rgb (255,0,255) | hsl (300 100%, 50%) | Rózsaszín | |
| lila | #800080 | rgb (128,0,128) | hsl (300 100%, 25%) | Ibolya |
RGB-vel
| internet böngésző | Króm | Opera | Szafari | Firefox | Android | iOS |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
A színt a piros, zöld és kék komponens decimális értékével határozhatja meg. A három színösszetevő mindegyike 0 és 255 közötti értéket vesz fel. Megengedett a szín százalékos megadása is, míg a 100% a 255-ös számnak felel meg. Először az rgb kulcsszó jelenik meg, majd zárójelben a a színösszetevőket vesszővel elválasztva jelezzük, például rgb (255 , 128, 128) vagy rgb (100%, 50%, 50%).
RGBA
| internet böngésző | Króm | Opera | Szafari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
Az RGBA formátum szintaxisában hasonló az RGB-hez, de tartalmaz egy alfa-csatornát, amely szabályozza az elem átlátszóságát. A 0 érték a teljes átlátszóságot, az 1 az átlátszóságot, a közbenső érték, például a 0,5 a félig átlátszóságot jelenti.
Az RGBA-t a CSS3-ban adták hozzá, így a CSS-kód érvényesítését ezzel a verzióval kell elvégezni. Megjegyzendő, hogy a CSS3 szabvány még fejlesztés alatt áll, és egyes funkciók változhatnak. Például a háttérszín tulajdonsághoz hozzáadott RGB-szín érvényesítésre kerül, de a háttértulajdonsághoz hozzáadott szín már nem. Ugyanakkor a böngészők pontosan megértik mindkét tulajdonság színét.
Hsl
| internet böngésző | Króm | Opera | Szafari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
A HSL formátum neve a Hue (árnyalat), Saturate (telítettség) és Lightness (lightness) első betűk kombinációjából adódik. A színárnyalat egy szín értéke a színkörön (1. ábra), és fokokban van megadva. A 0° piros, 120° zöld és 240° kék. A színárnyalat értéke 0 és 359 között lehet.
Rizs. 1. Színkör
A telítettség a szín intenzitása, százalékban mérve 0% és 100% között. A 0%-os érték a szín hiányát, a szürke árnyalatát jelenti, a 100% pedig a maximális telítettségi értéket.
A világosság beállítja a szín fényerejét, és százalékban jelenik meg 0% és 100% között. Az alacsony értékek sötétebbé teszik a színt, a magas értékek pedig világosabbak, a szélsőséges 0% és 100% értékek a fekete-fehérnek felelnek meg.
HSLA
| internet böngésző | Króm | Opera | Szafari | Firefox | Android | iOS |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
A HSLA formátum szintaxisában hasonló a HSL-hez, de tartalmaz egy alfa-csatornát, amely beállítja az elem átlátszóságát. A 0 érték a teljes átlátszóságot, az 1 az átlátszóságot, a közbenső érték, például a 0,5 a félig átlátszóságot jelenti.
Az RGBA, HSL és HSLA formátumú színértékeket hozzáadtuk a CSS3-hoz, ezért ezeknek a formátumoknak a használatakor ellenőrizze a verzió érvényességét.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
Figyelem
Az oldalon felsorolt összes oroszlánfogási módszer elméleti és számítási módszereken alapul. A szerzők nem garantálják az Ön biztonságát használatuk során, és kizárnak semmilyen felelősséget az eredményekért. Ne feledje, az oroszlán ragadozó és veszélyes állat!
Ennek a példának az eredménye az ábrán látható. 2.
Rizs. 2. Színek a weboldalon
A CSS színmodul részletezi azokat az értékeket, amelyek segítségével a szerzők meghatározhatjá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: a színtulajdonság
A tulajdonság különféle színvisszaadási rendszerekkel állítja be a betűtípus színét. 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ő 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. Számszerű színértékek
2.2.1. RGB színek
Az RGB hexadecimális értékformátum egy # jel, amelyet közvetlenül három vagy hat hexadecimális karakter követ. A háromjegyű RGB #rgb hatjegyűvé #rrggbb a számjegyek másolásával alakul át nullák hozzáadásával. Például # fb0 # ffbb00-ra bővül. Ez biztosítja, hogy a fehér #ffffff megadható legyen a rövid #ffff-ben, és eltávolítja a színmélység-függőségeket a kijelzőről.
Az RGB-érték formátum funkcionális jelölésben rgb (ezt követi egy vesszővel elválasztott lista, amely három numerikus értékből áll (vagy három egész szám vagy három százalék érték), amelyet egy karakter 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.
Számos módja van a színek megjelenítésének a webdesignban.
A HEX egy alap 16 hexadecimális színábrázolási rendszer, amelyhez 0-tól 9-ig arab decimális számjegyeket és A-tól F-ig tartó latin betűket használnak a 16-os digitális szám kiegészítéseként. , az úgynevezett hexadecimális színkód #RRGGBB, ahol minden pár felelős a rá eső színért: RR - piros, GG - zöld és BB - kék. Minden színfrakció 00-tól FF-ig terjed.
Két másik színmegjelenítés a webdesignban: RGB (*, *, *), ahol minden "*" színtöredéket 0-tól 255-ig terjedő decimális számjegyek és angol színnevek képviselnek.
Színes kép készítésekor a fő probléma a színek helyes megjelenítése különböző típusú számítógépeken, monitorokon és böngészőkön. Ha a böngésző nem tud helyesen megjeleníteni egy színt, akkor egy hasonlót vesz fel, vagy több színt kever. És néha teljesen más színnel helyettesíthető.
asztal 16 alapszín amelyeket minden böngészőben használnak
| Név | Szín | Hex | (RGB) |
| Aqua (tengeri hullám) | # 00FFFF | (000,255,255) | |
| fekete (fekete) | #000000 | (000,000,000) | |
| Kék | # 0000FF | (000,000,255) | |
| Fukszia (fukszin) | # FF00FF | (255,000,255) | |
| szürke (szürke) | #808080 | (128,128,128) | |
| zöld (zöld) | #008000 | (000,128,000) | |
| Lime (világos zöld) | # 00FF00 | (000,255,000) | |
| Gesztenyebarna (barna) | #800000 | (128,000,000) | |
| sötétkék (sötétkék) | #000080 | (000,000,128) | |
| Oliva (olíva) | #808000 | (128,128,000) | |
| Lila | #800080 | (128,000,128) | |
| Piros (piros) | # FF0000 | (255,000,000) | |
| Ezüst (ezüst) | # C0C0C0 | (192,192,192) | |
| kékeszöld (szürke-zöld) | #008080 | (000,128,128) | |
| fehér (fehér) | #FFFFFF | (255,255,255) | |
| Sárga (sárga) | # FFFF00 | (255,255,000) |
asztal lila színek és árnyalatok
| Név | Szín | Hex | (RGB) |
| Magenta (bíbor) | #FFCBDB | (255,203,219) | |
| Magenta (bíbor) | # FF0099 | (255,000,153) | |
| Magenta (bíbor) | # F95A61 | (249,090,097) | |
| Fukszia (fukszia) | # FF00FF | (255,000,255) | |
| Movein (anilin lila) | # EF0097 | (239,000,151) | |
| Lazac rózsaszín (narancs rózsaszín) | # FF91A4 | (255,145,164) | |
| Cenise (bíbor árnyalatú) | # DE3163 | (153,149,140) | |
| Padlizsán padlizsán (padlizsán) | #990066 | (153,000,132) | |
| Levendula pirosító (rózsaszín levendula) | & nbsp # FFF0F5 | (255,240,245) | |
| Lila (lila) | # C8A2C8 | (200,162,200) | |
| Magenta (bíbor) | # FF008F | (255,000,143) | |
| Orchidea (orchidea) | # DA70D6 | (218,112,214) | |
| Vörös-ibolya | # C71585 | (199,021,133) | |
| Szangvinikus (sanguine) | # 92000A | (146,000,010) | |
| Bogáncs (bíbor árnyalatú) | # D8BFD8 | (185,211,238) | |
| Lila-padlizsán (lila árnyalat) | #991199 | (153,017,153) | |
| Rosa vivo (mélyrózsaszín) | # FF007F | (255,000,127) | |
| Levendula-rózsa (lila árnyalat) | # FBA0E3 | (108,123,139) | |
| Mountbatten rózsaszín | # 997ABD | (153,122,141) |
asztal szürke színek és árnyalatok
| Név | Szín | Hex | (RGB) |
| szürke | #808080 | (128,128,128) | |
| szürke | #bebebe | (190,190,190) | |
| (szürkés árnyalat) | #858585 | (133,133,133) | |
| Szürke33 (Gray-33) | #545454 | (084,084,084) | |
| (Szürke pala) | #708090 | (112,128,144) | |
| (Kvarc) | # 99958с | (153,149,140) | |
| (Világos szürke) | #bbbbbb | (187,187,187) | |
| (Ezüst) | # c0c0c0 | (192,192,192) | |
| (Szürke-fehér) | # f0f0f0 | (240,240,240) | |
| (Abdel-Kerim szakálla) | # e0e0e0 | (224,224,224) | |
| Világosszürke (világosszürke) | # d3d3d3 | (211,211,211) | |
| LightStateGray () | #778899 | (119,136,153) | |
| StateGray-1 (halvány búzavirágkék1) | # c6e2ff | (198,226,255) | |
| StateGray-2 (halvány búzavirágkék2) | # b9d3ee | (185,211,238) | |
| StateGray3 () | # 9fb6cd | (159,182,205) | |
| StateGray4 () | # 6c7b8b | (108,123,139) |
Táblázat (paletta) html színei 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 hexa három két karakter értékből áll hexadecimális jelölésben. 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 - színárnyalat, telítettség, érték) - színmodell, amelyben a koordináták a következők:
- Színárnyalat - színárnyalat, 0 ° és 360 ° között változhat.
- Telítettség – telítettség, 0-100 vagy 0-1 között mozog. Minél nagyobb 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. A felsorolt színek mindegyike „biztonságos”, azaz 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 | |
| DarkCyan | # 008B8B | |
| DeepSkyBlue | # 00BFFF | |
| Sötéttürkiz | # 00CED1 | |
| Közepes tavaszi zöld | # 00FA9A | |
| Mész | # 00FF00 | |
| Tavaszi zöld | # 00FF7F | |
| Aqua | # 00FFFF | |
| Cián | # 00FFFF | |
| Éjkék | #191970 | |
| DodgerBlue | # 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 | |
| Sötét palakék | # 483D8B | |
| Közepes türkiz | # 48D1CC | |
| Indigó | # 4B0082 | |
| Sötét olajzöld | # 556B2F | |
| CadetBlue | # 5F9EA0 | |
| Búzavirágkék | # 6495ED | |
| Közepes AquaMarine | # 66CDAA | |
| 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 | |
| paletürkiz | #AFEEEE | |
| 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 | |
| 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 | |
| Homokbarna | # 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 | #FFFFAF0 | |
| Hó | #FFFAFA | |
| Sárga | # FFFF00 | |
| Halványsárga | #FFFFE0 | |
| Elefántcsont | #FFFFF0 | |
| fehér | #FFFFFF |
