Savas lila 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. HTML színkódok

Mint tudják, a szín befolyásolhatja az ember állapotát: mind a mentális, mind a fizikai állapotot. Nap mint nap az internetes webhelyek böngészése közben a szem színek és árnyalatok millióit értékeli. A színpszichológiában jártas webdesigner képes bizonyos célok elérése érdekében manipulálni a látogató hangulatát.

Ez annak a ténynek köszönhető, hogy egyes árnyalatok megnyugtatnak, mások pedig éppen ellenkezőleg, izgatnak. A következőkben arról fogunk beszélni, hogyan szintetizálják és jelenítik meg a színeket számítógépes technológia segítségével.

Az RGB egy olyan színmodell, amely az összes szín és árnyalatok elérésének módszerét képviseli három fő összetevő különböző arányú keverésével, amelyek a következők:

  • piros ( Piros);
  • zöld szín ( Zöld);
  • kék szín ( Kék).

Innen származik az RGB rövidített név. Ezeket a színeket okkal választották fő színnek: ennek oka az emberi szem retinájának fiziológiája, és az, hogy hogyan érzékeli őket:

Az RGB modell ma is a legnépszerűbb, és a színek visszaadására használják a TV-képernyőkön és a számítógép-monitorokon. Mivel a gyártók különböző tulajdonságokkal ruházzák fel termékeiket, 1996-ban létrehozták az egységes RGB alapú színszintézis rendszert, az sRGB-t, amelyen a Microsoft és a HP együtt dolgozott.

A színek numerikus ábrázolása

Mint korábban említettük, az RGB színek az elsődleges színek keverésével jönnek létre. Mindegyikük intenzitásának leírására egy sémát fogadtak el, amelyben a színt a 0-255 (8 bit) tartomány képviseli, amely hexadecimális jelöléssel 00-FF-nek felel meg.

Vagyis az elsődleges színek így fognak kinézni:

  • Piros – RGB (255,0,0);
  • zöld – RGB (0 255,0);
  • kék – RGB (0,0,255);

Ha a színintenzitás értéke 255-nél kisebb, akkor a vörös, zöld és kék különböző árnyalatait kapjuk. Az alábbiakban egy táblázat látható az árnyalatokról, valamint az egyes árnyalatok hexadecimális értékei:

RGB színtáblák

Természetesen az alapszínek gradációi mellett vannak vegyesek is, és számuk meglehetősen nagy. Ezért elkészült az RGB színek táblázata, amely bemutatja az összes létező árnyalatot, valamint azok nevét és számszerű megjelenítését ( decimális és hexadecimális formában).

Itt megtekintheti. Ez a táblázat nagyban megkönnyíti a webdesignerek életét, hiszen néhány másodperc alatt megtalálhatja a kívánt árnyalatot és megtudhatja annak numerikus ábrázolását.

Biztonságos RGB színpaletta

Egy ponton azonban gond volt a színek megjelenítésével a különböző böngészőkben, ennek megoldására összeállították az úgynevezett „biztonságos” RGB színpalettát, amelyet matematikai számításokkal vezettek le.

Ha a böngésző nem tud helyesen megjeleníteni egy színt, akkor a szomszédos színek keverésével megpróbál valami közelíteni ahhoz, amire szüksége van, és az eredmény valószínűleg teljesen elfogadhatatlan:

Az ebből a palettából származó RGB színkódok használatával a webfejlesztők nyugodtak lehetnek a színek megjelenítését illetően a webhelyük oldalain, amikor különböző böngészők, platformok és monitorok használatával nézik. Bár jelenleg a biztonságos színek táblázata elveszti jelentőségét ( a technológiai fejlődés még mindig nem áll meg), használatával, ahogy mondani szokás, nyugodtan aludhat.

Arany szín RGB modellben

Az „arany” szót először a 14. század elején használták az Aurum nevű kémiai elem – arany – színének leírására. Az RGB modellben az arany színt a következő számértékek képviselik:

  • RGB (255, 215, 0) – decimális rendszer;
  • HEX #FFD700 – hexadecimális rendszer.

Bézs szín RGB modellben

A bézs szín meglehetősen jelentős helyet foglal el a történelemben, még ha nem is a legkifejezőbb. Sok kulturális emlék, különösen az ókori szobrok, szappankőből és szappankőből készültek, amelyek bézs árnyalatúak. Az RGB modellben a bézs színnek a következő numerikus ábrázolásai vannak.

Számos módja van a színek megjelenítésének a webdesignban.

A HEX egy hexadecimális színmegjelenítési rendszer, amely a 16-os alapon alapul. Ennél a rendszernél a 0-tól 9-ig terjedő arab decimális számjegyek és A-tól F-ig terjedő latin betűk a 16-os digitális szám kiegészítéseként szolgálnak. Webdesignhoz 16 elsődleges (kulcs)szín Az úgynevezett #RRGGBB hexadecimális színkódot használják, 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 webdizájnban: RGB(*,*,*) formában, ahol a szín minden egyes „*” törtrészét 0-tól 255-ig terjedő decimális számjegyek és angol színnevek képviselik.

Színes kép készítésekor a fő probléma a színek helyes visszaadása 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 kiválaszt egy hasonlót, vagy több színt kever. És néha teljesen más színnel helyettesíthető.

Táblázat 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 #000000 (000,000,000)
Kék #0000FF (000,000,255)
fukszia (bíbor) #FF00FF (255,000,255)
Szürke #808080 (128,128,128)
Zöld #008000 (000,128,000)
Lime (világos zöld) #00FF00 (000,255,000)
Gesztenyebarna (sötét bordó) #800000 (128,000,000)
Sötétkék (sötétkék) #000080 (000,000,128)
Olajbogyó #808000 (128,128,000)
Lila #800080 (128,000,128)
Piros #FF0000 (255,000,000)
Ezüst #C0C0C0 (192,192,192)
kékeszöld (szürke-zöld) #008080 (000,128,128)
Fehér #FFFFFF (255,255,255)
Sárga #FFFF00 (255,255,000)

Táblázat lila színek és árnyalatai

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)
Mauvein (anilin lila) #EF0097 (239,000,151)
Lazac rózsaszín (narancs rózsaszín) #FF91A4 (255,145,164)
Cenise (lila árnyalat) #DE3163 (153,149,140)
Padlizsán padlizsán (padlizsán) #990066 (153,000,132)
Levendula pirosító (rózsaszín-levendula)  #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-lila (lila-piros) #C71585 (199,021,133)
Szangvinikus (sanguine) #92000A (146,000,010)
Bogáncs (lila á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)

Táblázat szürke színek és árnyalatai

Név Szín Hex (RGB)
Szürke #808080 (128,128,128)
Szürke #bebebe (190,190,190)
(Szürke árnyalat) #858585 (133,133,133)
Szürke33 #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)

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 színértékeket vesz fel.

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
böjti réce #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 oldalakon a színeket főként hexadecimális rendszerben jelöljük. Ehhez kétféle kódrögzítést használnak - teljes vagy rövidített. A html szín teljes helyes jelzéséhez hat karaktert (számokat és/vagy angol betűket) kell írni a hash jel után, például a fekete a következőképpen írható: #000000. A html színek megadására szolgáló gyorsírás egy hashből és három számból és/vagy a mögötte lévő betűből áll. Ez a fajta részvény azonban csak akkor használható, ha egy adott szín teljes rekordja a hash jel után azonos szimbólumokból áll. Például ugyanaz a fekete szín felírható így: #000. A html színeket nagy és kis karakterekkel is megadhatja, mivel ezek nem érzékenyek a kis- és nagybetűkre.

Minden „#” után írt karakter a piros, zöld és kék bizonyos arányának felel meg. Az összes monitor viszont hatalmas számú pixelből (mikroszkópikus pontokból) áll, amelyek mindegyike 3 úgynevezett „zseblámpát” (fényforrást) tartalmaz: piros, zöld és kék. Ezután a „zseblámpák” által kibocsátott fény intenzitásának beállításával a monitor a számunkra szükséges színt jeleníti meg.

A vörös, kék és zöld fény kibocsátási intenzitásának kombinálásával (0-tól 256-ig) a monitorok 16 000 000 különböző árnyalatot képesek megjeleníteni.

A weboldalak színei szóban vagy RGB kódban is feltüntethetők.

Ma 147 szín írható le szóban. Fontos tudni, hogy néhány különböző név ugyanazt a színt jelentheti, például a Szürke és a Szürke a szürke szín (#808080).

Biztonságos színek webhelyekhez.

Nem minden monitor és böngésző képes megfelelően megjeleníteni mind a 16 millió html színt.

Ha például olyan színnel találkozik, amelyet a böngésző nem tud megfelelően megjeleníteni, akkor:

  1. A böngésző lecseréli a rá leginkább hasonlító és sikeresen reprodukálhatóra;
  2. A helyes megjelenítés érdekében a böngésző több színt is keverhet, és reprodukálhatja az eredményt.

Annak érdekében, hogy a kimenet bármely böngészőben és bármely monitoron a kódban megadott színű legyen, javasolt a „Biztonságos színek” használata. Nem manuálisan vagy valaki más vágya alapján határozták meg őket, hanem matematikailag. 216 ilyen 100%-ban biztonságos szín létezik a HTML dokumentumokhoz. És bár a mai technológiák elérték azt a pontot, ahol a modern monitorok és böngészők több millió árnyalatot ismernek fel, javasoljuk, hogy ezeket a biztonságos színeket használja a színvisszaadás garantálására.

HTML biztonságos színtábla.
Hexadecimális színrendszer. Színkódok RGB-ben (piros, zöld, kék).
HTML színkód: #000000 RGB szín: 0 0 0
HTML színkód: #333333 RGB szín: 51 51 51
HTML színkód: #666666 RGB szín: 102 102 102
HTML színkód: #999999 RGB szín: 153 153 153
HTML színkód: #CCCCCC RGB szín: 204 204 204
HTML színkód: #FFFFFF RGB szín: 255 255 255
HTML színkód: #666600 RGB szín: 102 102 0
HTML színkód: #999900 RGB szín: 153 153 0
HTML színkód: #999933 RGB szín: 153 153 51
HTML színkód: #999966 RGB szín: 153 153 102
HTML színkód: #CCCC33 RGB szín: 204 204 51
HTML színkód: #CCCC66 RGB szín: 204 204 102
HTML színkód: #333300 RGB szín: 51 51 0
HTML színkód: #666633 RGB szín: 102 102 51
HTML színkód: #CCCC99 RGB szín: 204 204 153
HTML színkód: #CCFF33 RGB szín: 204 255 51
HTML színkód: #CCFF00 RGB szín: 204 255 0
HTML színkód: #CCFF66 RGB szín: 204 255 102
HTML színkód: #669900 RGB szín: 102 153 0
HTML színkód: #99CC33 RGB szín: 153 204 51
HTML színkód: #99CC00 RGB szín: 153 204 0
HTML színkód: #99CC66 RGB szín: 153 204 102
HTML színkód: #99FF33 RGB szín: 153 255 51
HTML színkód: #99FF00 RGB szín: 153 255 0
HTML színkód: #336600 RGB szín: 51 102 0
HTML színkód: #669933 RGB szín: 102 153 51
HTML színkód: #66CC33 RGB szín: 102 204 51
HTML színkód: #66CC00 RGB szín: 102 204 0
HTML színkód: #99FF66 RGB szín: 153 255 102
HTML színkód: #CCFF99 RGB szín: 204 255 153
HTML színkód: #009900 RGB szín: 0 153 0
HTML színkód: #339900 RGB szín: 51 153 0
HTML színkód: #33CC00 RGB szín: 51 204 0
HTML színkód: #33FF00 RGB szín: 51 255 0
HTML színkód: #66FF33 RGB szín: 102 255 51
HTML színkód: #66FF00 RGB szín: 102 255 0
HTML színkód: #00CC33 RGB szín: 0 204 51
HTML színkód: #33CC33 RGB szín: 51 204 51
HTML színkód: #00CC00 RGB szín: 0 204 0
HTML színkód: #00FF00 RGB szín: 0 255 0
HTML színkód: #00FF33 RGB szín: 0 255 51
HTML színkód: #33FF33 RGB szín: 51 255 51
HTML színkód: #003300 RGB szín: 0 51 0
HTML színkód: #336633 RGB szín: 51 102 51
HTML színkód: #669966 RGB szín: 102 153 102
HTML színkód: #66CC66 RGB szín: 102 204 102
HTML színkód: #99CC99 RGB szín: 153 204 153
HTML színkód: #CCFFCC RGB szín: 204 255 204
HTML színkód: #006600 RGB szín: 0 102 0
HTML színkód: #339933 RGB szín: 51 153 51
HTML színkód: #00FF66 RGB szín: 0 255 102
HTML színkód: #33FF66 RGB szín: 51 255 102
HTML színkód: #66FF66 RGB szín: 102 255 102
HTML színkód: #99FF99 RGB szín: 153 255 153
HTML színkód: #009933 RGB szín: 0 153 51
HTML színkód: #00CC66 RGB szín: 0 204 102
HTML színkód: #33CC66 RGB szín: 51 204 102
HTML színkód: #00FF99 RGB szín: 0 255 153
HTML színkód: #33FF99 RGB szín: 51 255 153
HTML színkód: #66FF99 RGB szín: 102 255 153
HTML színkód: #006633 RGB szín: 0 102 51
HTML színkód: #009966 RGB szín: 0 153 102
HTML színkód: #339966 RGB szín: 51 153 102
HTML színkód: #00CC99 RGB szín: 0 204 153
HTML színkód: #33CC99 RGB szín: 51 204 153
HTML színkód: #66CC99 RGB szín: 102 204 153
HTML színkód: #009999 RGB szín: 0 153 153
HTML színkód: #33CCCC RGB szín: 51 204 204
HTML színkód: #00FFCC RGB szín: 0 255 204
HTML színkód: #33FFCC RGB szín: 51 255 204
HTML színkód: #66FFCC RGB szín: 102 255 204
HTML színkód: #99FFCC RGB szín: 153 255 204
HTML színkód: #00CCCC RGB szín: 0 204 204
HTML színkód: #00FFFF RGB szín: 0 255 255
HTML színkód: #33FFFF RGB szín: 51 255 255
HTML színkód: #66FFFF RGB szín: 102 255 255
HTML színkód: #99FFFF RGB szín: 153 255 255
HTML színkód: #CCFFFF RGB szín: 204 255 255
HTML színkód: #336666 RGB szín: 51 102 102
HTML színkód: #006666 RGB szín: 0 102 102
HTML színkód: #669999 RGB szín: 102 153 153
HTML színkód: #339999 RGB szín: 51 153 153
HTML színkód: #66CCCC RGB szín: 102 204 204
HTML színkód: #99CCCC RGB szín: 153 204 204
HTML színkód: #003333 RGB szín: 0 51 51
HTML színkód: #0099CC RGB szín: 0 153 204
HTML színkód: #3399CC RGB szín: 51 153 204
HTML színkód: #00CCFF RGB szín: 0 204 255
HTML színkód: #33CCFF RGB szín: 51 204 255
HTML színkód: #66CCFF RGB szín: 102 204 255
HTML színkód: #006699 RGB szín: 0 102 153
HTML színkód: #336699 RGB szín: 51 102 153
HTML színkód: #6699CC RGB szín: 102 153 204
HTML színkód: #0099FF RGB szín: 0 153 255
HTML színkód: #3399FF RGB szín: 51 153 255
HTML színkód: #99CCFF RGB szín: 153 204 255
HTML színkód: #003366 RGB szín: 0 51 102
HTML színkód: #003399 RGB szín: 0 51 153
HTML színkód: #0033FF RGB szín: 0 51 255
HTML színkód: #3366CC RGB szín: 51 102 204
HTML színkód: #0066CC RGB szín: 0 102 204
HTML színkód: #0066FF RGB szín: 0 102 255
HTML színkód: #000033 RGB szín: 0 0 51
HTML színkód: #0033CC RGB szín: 0 51 204
HTML színkód: #0000CC RGB szín: 0 0 204
HTML színkód: #0000FF RGB szín: 0 0 255
HTML színkód: #3366FF RGB szín: 51 102 255
HTML színkód: #6699FF RGB szín: 102 153 255
HTML színkód: #000066 RGB szín: 0 0 102
HTML színkód: #000099 RGB szín: 0 0 153
HTML színkód: #3333CC RGB szín: 51 51 204
HTML színkód: #3300CC RGB szín: 51 0 204
HTML színkód: #3300FF RGB szín: 51 0 255
HTML színkód: #3333FF RGB szín: 51 51 255
HTML színkód: #333366 RGB szín: 51 51 102
HTML színkód: #333399 RGB szín: 51 51 153
HTML színkód: #666699 RGB szín: 102 102 153
HTML színkód: #6666CC RGB szín: 102 102 204
HTML színkód: #6666FF RGB szín: 102 102 255
HTML színkód: #9999CC RGB szín: 153 153 204
HTML színkód: #330066 RGB szín: 51 0 102
HTML színkód: #330099 RGB szín: 51 0 153
HTML színkód: #6600FF RGB szín: 102 0 255
HTML színkód: #6633FF RGB szín: 102 51 255
HTML színkód: #9999FF RGB szín: 153 153 255
HTML színkód: #CCCCFF RGB szín: 204 204 255
HTML színkód: #330033 RGB szín: 51 0 51
HTML színkód: #663399 RGB szín: 102 51 153
HTML színkód: #6633CC RGB szín: 102 51 204
HTML színkód: #6600CC RGB szín: 102 0 204
HTML színkód: #9966FF RGB szín: 153 102 255
HTML színkód: #9966CC RGB szín: 153 102 204
HTML színkód: #663366 RGB szín: 102 51 102
HTML színkód: #660099 RGB szín: 102 0 153
HTML színkód: #9900FF RGB szín: 153 0 255
HTML színkód: #9933FF RGB szín: 153 51 255
HTML színkód: #9933CC RGB szín: 153 51 204
HTML színkód: #CC99FF RGB szín: 204 153 255
HTML színkód: #660066 RGB szín: 102 0 102
HTML színkód: #996699 RGB szín: 153 102 153
HTML színkód: #9900CC RGB szín: 153 0 204
HTML színkód: #CC00FF RGB szín: 204 0 255
HTML színkód: #CC33FF RGB szín: 204 51 255
HTML színkód: #CC66FF RGB szín: 204 102 255
HTML színkód: #993399 RGB szín: 153 51 153
HTML színkód: #990099 RGB szín: 153 0 153
HTML színkód: #CC33CC RGB szín: 204 51 204
HTML színkód: #CC00CC RGB szín: 204 0 204
HTML színkód: #CC66CC RGB szín: 204 102 204
HTML színkód: #CC99CC RGB szín: 204 153 204
HTML színkód: #CC3399 RGB szín: 204 51 153
HTML színkód: #FF00FF RGB szín: 255 0 255
HTML színkód: #FF33FF RGB szín: 255 51 255
HTML színkód: #FF66FF RGB szín: 255 102 255
HTML színkód: #FF99FF RGB szín: 255 153 255
HTML színkód: #FFCCFF RGB szín: 255 204 255
HTML színkód: #990066 RGB szín: 153 0 102
HTML színkód: #CC0099 RGB szín: 204 0 153
HTML színkód: #CC6699 RGB szín: 204 102 153
HTML színkód: #FF33CC RGB szín: 255 51 204
HTML színkód: #FF00CC RGB szín: 255 0 204
HTML színkód: #FF66CC RGB szín: 255 102 204
HTML színkód: #660033 RGB szín: 102 0 51
HTML színkód: #993366 RGB szín: 153 51 102
HTML színkód: #CC0066 RGB szín: 204 0 102
HTML színkód: #FF0099 RGB szín: 255 0 153
HTML színkód: #FF3399 RGB szín: 255 51 153
HTML színkód: #FF99CC RGB szín: 255 153 204
HTML színkód: #663333 RGB szín: 102 51 51
HTML színkód: #996666 RGB szín: 153 102 102
HTML színkód: #CC3366 RGB szín: 204 51 102
HTML színkód: #FF0066 RGB szín: 255 0 102
HTML színkód: #FF3366 RGB szín: 255 51 102
HTML színkód: #FF6699 RGB szín: 255 102 153
HTML színkód: #330000 RGB szín: 51 0 0
HTML színkód: #990033 RGB szín: 153 0 51
HTML színkód: #993333 RGB szín: 153 51 51
HTML színkód: #CC3333 RGB szín: 204 51 51
HTML színkód: #CC6666 RGB szín: 204 102 102
HTML színkód: #CC9999 RGB szín: 204 153 153
HTML színkód: #CC0033 RGB szín: 204 0 51
HTML színkód: #FF0033 RGB szín: 255 0 51
HTML színkód: #FF3333 RGB szín: 255 51 51
HTML színkód: #FF6666 RGB szín: 255 102 102
HTML színkód: #FF9999 RGB szín: 255 153 153
HTML színkód: #FFCCCC RGB szín: 255 204 204
HTML színkód: #990000 RGB szín: 153 0 0
HTML színkód: #CC0000 RGB szín: 204 0 0
HTML színkód: #FF0000 RGB szín: 255 0 0
HTML színkód: #FF3300 RGB szín: 255 51 0
HTML színkód: #CC3300 RGB szín: 204 51 0
HTML színkód: #FF6633 RGB szín: 255 102 51
HTML színkód: #660000 RGB szín: 102 0 0
HTML színkód: #993300 RGB szín: 153 51 0
HTML színkód: #CC6633 RGB szín: 204 102 51
HTML színkód: #FF6600 RGB szín: 255 102 0
HTML színkód: #FF9966 RGB szín: 255 153 102
HTML színkód: #FFCC99 RGB szín: 255 204 153
HTML színkód: #663300 RGB szín: 102 51 0
HTML színkód: #996633 RGB szín: 153 102 51
HTML színkód: #CC6600 RGB szín: 204 102 0
HTML színkód: #CC9966 RGB szín: 204 153 102
HTML színkód: #FF9933 RGB szín: 255 153 51
HTML színkód: #FF9900 RGB szín: 255 153 0
HTML színkód: #996600 RGB szín: 153 102 0
HTML színkód: #CC9933 RGB szín: 204 153 51
HTML színkód: #CC9900 RGB szín: 204 153 0
HTML színkód: #FFCC33 RGB szín: 255 204 51
HTML színkód: #FFCC00 RGB szín: 255 204 0
HTML színkód: #FFCC66 RGB szín: 255 204 102
HTML színkód: #CCCC00 RGB szín: 204 204 0
HTML színkód: #FFFF00 RGB szín: 255 255 0
HTML színkód: #FFFF33 RGB szín: 255 255 51
HTML színkód: #FFFF66 RGB szín: 255 255 102
HTML színkód: #FFFF99 RGB szín: 255 255 153
HTML színkód: #FFFFCC RGB szín: 255 255 204

Ez a táblázat 216 biztonságos html színkódot tartalmaz. Minden színnek van egy értéke RGB-ben a szín megadásához a grafikus szerkesztőkben, és HEX-ben a szín megadásához a html oldalakon.

>>Színkezelés

Hexadecimális RGB színértékek

A színleírás és -feldolgozás módszerei abban különböznek egymástól, hogy milyen végső ábrázolásra szánják őket. Hasonlítsuk össze például a színek megjelenítését a nyomtatáshoz és a számítógép-monitorokhoz. Az első esetben az alapot veszik fehér a papír színe, amelyre ezt követően három alapszínt alkalmaznak: kék, lilaÉs sárga. Ez a három alapszín egymással és a papír fehér színével különböző arányban keveredve különböző színárnyalatokat ad, kivéve a tiszta feketét, vagy festékek teljes hiányában fehér papírt. Ha fekete színt adunk hozzájuk, akkor azt kapjuk CMYK-a színátvitel módja, amikor a szükséges színt a hiányzó színek fehérből való kivonásával kapjuk.

A második esetben az alapot veszik fekete a monitor képernyőjének színe, amelynek minden cellája három szín valamelyikében világít: piros-piros, zöld-zöld és kék-kék. Ezután minden ragyogás hiányában tiszta fekete képernyőszínt kapunk, és a szükséges színek bármelyikét a három szín aránya adja meg. Ebben az esetben megkapjuk RGB- a színátvitel módja. Az elsődleges színek a következők lehetnek 0 hogy 255 , vagy től 0% hogy 100% , vagy hexadecimális értékként is ábrázolható. Az alábbi ábrán az alapszínek keverésének eredményeit láthatja.

A hexadecimális számrendszerben a decimális számrendszerrel ellentétben nem tíz számjegy van, hanem tizenhat – innen ered a név. Ennek megfelelően a két számjegy kombinációinak csak nem ismétlődő változatai lehetnek - 256 , a számsor folytatása után 9 levelei A hogy F ezért a sorozat így fog kinézni -

0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F.
Számok konvertálásához egyik számrendszerből a másikba és fordítva, használja az alábbi számológépet. A maximális érték itt lehet FF - 255 .

Ebben az esetben a színt három hexadecimális szám határozza meg, amelyek mindegyike két számjegyből áll. Az első szám határozza meg az intenzitást piros színek, közepes zöld, utolsó- kék színek. Minden szám értéket vehet fel a következő tartományban 00 hogy FF(0-tól 255-ig). Például: zöld színt adunk meg #00FF00, piros - mint #FF0000, kék - szerű #0000FF, fehér - szerű #FFFFFF, a szín vagy a fekete teljes hiányát úgy adjuk meg #000000 .

Az alábbi űrlapon megadhat tetszőleges hexadecimális értéket a három szín mindegyikéhez, és a kimeneti mezőre kattintva megtekintheti a keverés eredményét.

Példák néhány hexadecimális RGB színértékre: vörös, kék és zöld színátmenetek.

kilátás kód kilátás kód kilátás kód kilátás kód kilátás kód kilátás kód
#010000 #800000 #000100 #008000 #000001 #000080
#100000 #900000 #001000 #009000 #000010 #000090
#200000 #A00000 #002000 #00A000 #000020 #0000A0
#300000 #B00000 #003000 #00B000 #000030 #0000B0
#400000 #C00000 #004000 #00C000 #000040 #0000C0
#500000 #D00000 #005000 #00D000 #000050 #0000D0
#600000 #E00000 #006000 #00E000 #000060 #0000E0
#700000 #FF0000 #007000 #00FF00 #000070 #0000FF

Szín megadása karakterlánc-literál használatával

A könnyebb használat érdekében egyes színekhez és azok kombinációihoz olyan neveket rendeltek, amelyeket minden böngésző felismer, és lehetővé vált sok közülük név szerinti megadása. Az alábbi táblázatban látható néhány színnév:

kilátás Név kilátás Név kilátás Név kilátás Név
Fehér Piros Narancs Sárga
Zöld Kék Lila Fekete
Aliceblue Antik fehér Aqua Akvamarin
Égszínkék Bézs Krémleves Blanchedalmond
Kékibolya Barna Burlywood Cadetblue
Karthauzi likőr Csokoládé Korall Búzavirágkék
Cornsilk Karmazsinvörös Cián Sötétkék
sötétcián Darkgoldenrod Sötétszürke Sötétzöld
Darkkhaki Sötétbíbor sötétzöld Darkorange
Darkorchid Darkred Darksalmon Sötétzöld
Sötét palakék Sötétszürke Sötéttürkiz Sötétlila
Deeppink Deepskykék Dimgray Dodgerblue
Tűztégla Virágfehér Erdőzöld Fuschia
Gainsboro Ghostwhite Arany Aranyvessző
Szürke zöldsárga Mézharmat Csípős rózsaszín
indiánvörös Indigó Elefántcsont Khaki
Levendula Levendulapirosító Lemonchiffon Világoskék
Világoskorall világoscián Világos hidegsárga világoszöld
világosszürke világos rózsaszín Lightsalmon Világos tengerzöld
Világos égszínkék Világos palaszürke Világosacélkék Világossárga
Mész limegreen Vászon Bíborvörös
Gesztenyebarna Mediumaquamarine Közepes kék Középmorchid
Közepes lila Közepes zöld közepes palakék Közepes tavaszi zöld
Közepes türkiz Középibolya színű Midnightblue Mentakrém
Mistyrose navajofehér Haditengerészet Oldlace
Olajbogyó Oliverab Narancsos Orchidea
Palegoldenrod Palegreen Paletteurquoise Halványibolya színű
Papayawhip Barackpuff Peru Rózsaszín
Szilva Púderkék Rózsabarna Királykék
nyeregbarna Seagreen Tengeri kagyló Sienna
Ezüst Égszínkék palakék Slategray
Hó Springgreen Acélkék Cserszínű
Böjti réce Bogáncs Paradicsom Türkiz
Ibolya Búza Whitesmoke Sárgászöld
A színneveket tartalmazó kisbetűs betűk listája meglehetősen kiterjedt és több mint elegendő. Ha olyan háttérszínt kell beállítani, amely annyira szokatlan, hogy még neve sincs, használhat hexadecimális értéket.

Biztonságos színpaletta használata

Sajnos különböző platformokon, eltérő rendszerbeállítások mellett a helyes színvisszaadás problémát jelent. A helyzet az, hogy a böngésző mindig megpróbálja a dokumentum színpalettáját a rendszerbeállításokhoz és a monitor képességeihez igazítani, a színek önálló keverésével és cseréjével. Ennek eredményeként a felhasználó néha nem látja pontosan azt, amit a webmester meg akart mutatni neki. Ebből a helyzetből kiutat találtak egy paletta használatával, amelynek minden színét garantáltan egyformán jeleníti meg az összes böngésző különböző platformokon. Ez az ún garantált paletta, más néven biztonságos paletta. Ez a paletta olyan színeket tartalmaz, amelyek színösszetevői a következő értékeket veszik fel: 00 ,33 ,66 ,99 , CC,FF, minden lehetséges módon 216 kombinációik.

FFFFFF CCCCCC 999999 666666 333333 000000 CCCC66 CCCC33 999966 999933 999900 666600 CCFF66 CCFF00 CCFF33 CCCC99 666633 333300 99 FF00 99FF33 99CC66 99CC00 99CC33 669900 CCFF99 99FF99 66CC00 66CC33 669933 336600 66 FF00 66FF33 33 FF00 33CC00 339900 009900 33FF33 00FF33 00FF00 00CC00 33CC33 00CC33 CCFFCC 99CC99 66CC66 669966 336633 003300 99FF99 66FF66 33FF66 00FF66 339933 006600 66FF99 33FF99 00FF99 33CC66 00CC66 009933 66CC99 33CC99 00CC99 339966 009966 006633 99FFCC 66FFCC 33FFCC 00FFCC 33CCCC 009999 CCFFFF 99FFFF 66FFFF 33FFFF 00FFFF 00CCCC 99CCCC 66CCCC 339999 669999 006666 336666 66CCFF 33CCFF 00CCFF 3399CC 0099CC 003333 99CCFF 3399FF 0099FF 6699CC 336699 006699 0066FF 3366CC 0066CC 0033FF 003399 003366 6699FF 3366FF 0000 FF 0000 CC 0033CC 000033 3333FF 3300 FF 3300 CC 3333CC 000099 000066 9999CC 6666FF 6666CC 666699 333399 333366 CCCCFF 9999FF 6666FF 6600 FF 330099 330066 9966CC 9966FF 6600CC 6633CC 663399 330033 CC99FF CC66FF 9933FF 9900 FF 660099 663366 CC66FF CC33FF CC00FF 9900CC 996699 660066 CC99CC CC66CC CC33CC CC00CC 990099 993399 FFCCFF FF99FF FF66FF FF33FF FF00FF CC3399 FF66CC FF00CC FF33CC CC6699 CC0099 990066 FF99CC FF3399 FF0099 CC0066 993366 660033 FF6699 FF3399 FF0066 CC3366 996666 663333 CC9999 CC6666 CC3333 CC0000 990033 330000 FFCCCC FF9999 FF6666 FF3333 0000 FF CC0033 FF6633 CC3300 FF3300 0000 FF CC0000 990000 FFCC99 FFCC66 FF6600 CC6633 993300 660000 FF9900 FF9933 CC9966 CC6600 996633 663300 FFCC66 FFCC00 FFCC33 CC9900 CC9933 996600 FFFFCC FFFF99 FFFF66 FFFF33 FFFF00 CCCC00
kilátás kód kilátás kód kilátás kód kilátás kód kilátás kód kilátás kód

KAPCSOLÓDÓ CIKKEK