Html élénkzöld 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
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 színnevek képviselik. angol nyelv.
Színes kép létrehozásakor a fő probléma a színek helyes visszaadása különböző típusok számítógépek, monitorok és böngészők. 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ő.
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 | #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) |
asztal 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) | |
| Bíborvörös | #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) | |
| Bíborvörös | #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) |
asztal 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) |
Figyelmesen nézze meg a rajzot. A legördülő ablak háttere áttetszővé válik. Ez egy meglehetősen gyakori tervezési technika. Gondoljuk végig, hogyan lehet ezt megvalósítani.
Feladat
Tedd áttetszővé a színes keresztböngészőt.
Megoldás
Az első gondolat ebben a helyzetben egy png24-es kép használata előre beállított áttetszőséggel a háttérhez. De ez a kép teljesen felesleges. Enélkül is jól meg lehet csinálni (és ezért a szerverhez intézett külön kérés nélkül). Még mindig próbáljuk megtalálni az optimális megoldást.
A második gondolat a használata. De ebben az esetben ez nem túl kényelmes. Hiszen akkor nem csak a háttér, hanem a feliratok is áttetszőek lesznek. Igen, valójában az egész ablakot egyszerre.
Természetesen meg lehet próbálni hozzáadni egy további tárolót és csak arra alkalmazni az átlátszatlanságot, de ez a HTML elem csak dekorációra szolgál, és nyilvánvalóan felesleges lesz. Lehetséges nélküle?
Természetesen megteheti! Ha RGBA-t használ.
RGBA színleíró formátum
A CSS3 lehetővé teszi a színek megadását RGB és RGBA funkciók használatával. Ebben az esetben meg kell adni az egyes színösszetevők arányát, amelyhez egy bájt van lefoglalva (0-tól 255-ig, ha valaki nem tudná).
A szintaxis ebben az esetben nagyon egyszerű:
Háttér: rgb(0, 255, 0); /* tiszta zöld szín */
Az RGBA esetében egy negyedik paraméter is hozzáadásra kerül - alfa-átlátszóság (0-tól 1-ig).
Háttér: rgba(255, 0, 0, 0,5); /* tiszta vörös 50%-os átlátszósággal */
Íme, a megoldás a problémánkra. Csak állítsa be a háttérszínt az rgba segítségével, és minden úgy fog kinézni, ahogy szeretnénk. Fölösleges képek és elemek nélkül!
Hol kaphatom meg ezeket a számokat?
A Photoshop szemcseppentő eszközével megtekintheti a szín összetevőit.
A böngészők közötti kompatibilitásról
Mivel az RGB funkció sokkal régebbi, mint az RGBA, és a CSS2 szabvány napjai óta jelen van, a legősibb böngészők elleni védelem érdekében a következő duplikált konstrukciót használhatja:
SomeBlock ( háttér: rgb(255, 0, 0); háttér: rgba(255, 0, 0, 0,5); )
Ezzel a megközelítéssel a modern böngészők dédapáinak nem lesz áttetsző, de maga a szín megfelelő marad.
Az IE-ről külön kell gondoskodni. A szamarak nem értik az RGBA-t egészen a 8-as verzióig.
Mint mindig: földet a parasztoknak, gyárakat a munkásoknak, szamarak pedig mankót! Mint .
Természetesen harci körülmények között ezt a szabályt egy külön CSS-be helyezzük, amit összekapcsolunk.
SomeBlock ( background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80ff0000,endColorstr=#80ff0000); zoom: 1; )
A trükk az, hogy a kezdő és a záró színt azonosnak adjuk meg (ff0000 - piros), és kihasználjuk, hogy ebben a szűrőben beállíthatjuk a gradiens alfa csatornáját (a példában az érték 80).
Referenciaként: a szűrő hexadecimális rendszert használ, és a teljesen átlátszatlan szín kódja FF (tizedesben ez 255). Ennek megfelelően a hexadecimális 80 decimális 128, azaz 50%-os átlátszóság.
Tesztelve:
- IE 6-9
- Firefox 3+
- Opera 10+
- Safari 4
- Króm
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, ahelyett, hogy nullákat adnának hozzá, hatjegyűvé alakítjuk #rrggbb. 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 szín CSS-ben állítható be különböző utak:
- név szerint,
- hexadecimális érték szerint,
- RGB és RGBA formátumban,
- HSL és HSLA formátumban.
Állítsa be a színt név szerint
A böngészők támogatják bizonyos színek név szerinti megadását az elemekhez. Ebben a táblázatban néhány kulcsszó ( angol nevek színek) a színtulajdonságok, az RGB-kód, a hexadecimális kód (HEX) és a HSL-kód megadására szolgál.
| Név | Szín | RGB | HEX | HSL | Leírás |
|---|---|---|---|---|---|
| fehér | rgb(255, 255, 255) | #ffffff vagy #ffff | hsl(0, 0%, 100%) | fehér | |
| ezüst | rgb(192, 192, 192) | #c0c0c0 | hsl(0, 0%, 75%) | Szürke | |
| szürke | rgb(128, 128, 128) | #808080 | hsl(0, 0%, 50%) | Sötétszürke | |
| fekete | rgb(0; 0; 0) | #000000 vagy #000 | hsl(0, 0%, 0%) | Fekete | |
| gesztenyebarna | rgb(128; 0; 0) | #800000 | hsl(0, 100%, 25%) | Sötét vörös | |
| piros | rgb(255; 0; 0) | #ff0000 vagy #f00 | hsl(0, 100%, 50%) | Piros | |
| narancs | rgb(255; 165; 0) | #ffa500 | HSL(38,8, 100%, 50%) | narancs | |
| sárga | rgb(255; 255; 0) | #ffff00 vagy #ff0 | hsl(60, 100%, 50%) | Sárga | |
| olajbogyó | rgb(128; 128; 0) | #808000 | hsl(60, 100%, 25%) | Olajbogyó | |
| mész | rgb(0; 255; 0) | #00ff00 vagy #0f0 | hsl(120, 100%, 50%) | Világos zöld | |
| zöld | rgb(0; 128; 0) | #008000 | hsl(120, 100%, 25%) | Zöld | |
| aqua | rgb(0; 255; 255) | #00ffff vagy #0ffff | hsl(180, 100%, 50%) | Kék | |
| kék | rgb(0; 0; 255) | #0000ff vagy #00f | hsl(240, 100%, 50%) | Kék | |
| haditengerészet | rgb(0;0;128) | #000080 | HSL(240, 100%, 25%) | Sötétkék | |
| a zöldeskék | rgb(0; 128; 128) | #008080 | hsl(180, 100%, 25%) | Kékeszöld | |
| fukszia | rgb(255; 0; 255) | #ff00ff vagy #f0f | hsl(300, 100%, 50%) | Rózsaszín | |
| lila | rgb(128; 0; 128) | #800080 | hsl(300, 100%, 25%) | Ibolya |
Ez egy példa a színnevek használatára, a színnevek a kiterjesztett táblázatból származnak.
A kód a következőképpen működik:
Színbeállítás RGB használatával
Az RGB egy additív színmodell. Angolul kiegészítés- kiegészítés. Az RGB egy rövidítés angol szavak: Piros, Zöld, Kék - piros, zöld, kék). Ebből jól látható, hogy az RGB modellben a színeket három szín (piros, zöld, kék) különböző mennyiségben történő hozzáadásával szintetizálják.
A piros, zöld és kék színek keverésével több millió árnyalatot kaphatunk. Az összes lehetséges kombinációt a számítógép memóriája tárolja.
Térjen a tárgyra.
A tulajdonságok beállításához ebben a formátumban használja az rgb(r, g, b) jelölést, ahol r, g, b az egyes színekhez tartozó három csatorna (piros, zöld, kék). Az egyes csatornák értékei 0 és 255 közötti tartományban vannak beállítva.
Példa kód.
Hogy minden világos legyen, álljon itt egy kódpélda:
Ennek a példának így kell működnie:
1. ábra. Színek RGB-ben. Magyarázatok például.
Az oldal elején létrehozzuk a div.rgb osztályt, ez a tag által létrehozott blokkokhoz szükséges
Ezután a kódban beállítjuk a blokk háttérszínét
Próbálja meg szerkeszteni ezt a példát, és adja meg saját értékeit, például rgb(100, 100, 100) .
Színbeállítás RGBA segítségével
A CSS3-nak van egy új eszköze a színekkel való munkavégzéshez - az RGBA formátum. Az RGB modell evolúciójának nevezhető, de egy új csatorna - az A vagy alfa csatorna - hozzáadásával. Ez a csatorna állítja be a szín átlátszóságát. Értékei 0 és 1 közötti tartományban vannak beállítva. A 0 érték a teljes átlátszóságot, az 1 a teljes átlátszóságot (a szín megegyezik az első három RGB csatornában megadott színnel), a köztes értékek pedig például 0,4 vagy 0,6 - áttetszőség különböző mértékben.
Példa kód.
Így fog működni:
Ez a kód vizuálisan hasonlít a következőhöz, amely az RGB modellt használja a színérték meghatározásához:
Íme az eredménye:
Az alfa-csatorna nullával egyenlő értéke láthatatlanná tesz minden színt – az eggyel egyenlő érték változtatás nélkül lefordítja az RGB-kód színét. Az rgba(255,0,0,1.0) tulajdonság a piros színt mutatja rgb(255, 0, 0) .
Hexadecimális érték szerint (HEX kód)
A mindennapi életben a tizedes számláló rendszert használjuk. Eredete nagyon egyszerű – tíz ujjunk van a kezünkön, és az ujjainkon számolni kényelmes volt az életben. Ha a decimális rendszer tíz számjegyű: 0-tól 9-ig, és a 10-es szám a következő számjegy, akkor a hexadecimális számrendszer 16 jegyű, a következő számjegy pedig a 16.
A színkódok jelzésére a 0-tól 9-ig terjedő közönséges decimális számjegyeket hexadecimális számjegyként, az A-tól F-ig tartó latin betűket pedig a 10-től 15-ig terjedő számok jelzésére, azaz (0, 1, 2, 3, 4, 5) használják. , 6, 7, 8, 9, A, B, C, D, E, F). Az érthetőség kedvéért tegyük ezt egy táblázatba:
F-nél nagyobb hexadecimális számok (tizedes rendszerben 15) írásához, mint a decimális rendszerben, szintén két számjegy kombinációját használják, de már hexadecimális, ami nyilvánvaló. Így a 255 decimális szám hexadecimális jelöléssel történő írásához használjon FF jelölést.
A hexadecimális rendszer érthetőbb a számítógép számára, és gyorsabban dolgozza fel a hexadecimális értékkel beállított értékeket.
Ha hexadecimálisan szeretne megadni egy színt, a számérték elé tegyen egy „#” jelet, például: #FFC0CB. Maga az #FFC0CB érték három hexadecimális számjegyből áll: FF, C0 és CB. Ennek a bejegyzésnek a jelentése megegyezik a szín RGB formátumban történő beállításával (rgb(r, g, b)) - a HEX kód minden hexadecimális számjegye jelzi az RGB modell csatornájának színtelítettségét.
Ez a kód a következő elemeket jeleníti meg:
És itt van egy kép a fenti oldalon található "Színek beállítása RGB használatával" szakasz eredményével.
1. ábra. Színek RGB-ben. Látjuk, hogy a színek azonosak.
A HEX színkód rövidített jelölése megengedett: 6 jegyű szám 3 jegyű számként írható fel. Ez csak akkor érvényes, ha egy csatorna színértékének két számjegye ismétlődik.
Vagyis a következő rövidítés elfogadható:
Például a #ff22aa szín #f2a, vagy a #44aa22 szín #4a2.
Szín beállítása HSL használatával
A CSS3 új formátummal rendelkezik a színek meghatározásához.
A HSL formátum az angol szavak rövidítése: Hue (színárnyalat), Saturate (telítettség) és Lightness (lightness).
A színárnyalat a HSL-ben egy szín értéke egy speciális színkörön (2. ábra), és fokokban van megadva. Ha analógiákat vonunk le az RGB modellel, akkor a 0° a pirosnak, a 120° a zöldnek, a 240° pedig a kéknek felel meg.
A színárnyalat értéke 0-ról 359-re változik.
2. ábra HSL színkör. A második érték - telítettség (Saturate) százalékban van beállítva. 100%-os telítettségnél a szín a lehető leglédúsabb, ahogy a telítettségjelző 0% felé halad, a szín tompább lesz és szürkévé válik.
A harmadik érték, a Lightness szintén százalékban van beállítva. Minél magasabb ez a százalék, annál világosabb lesz a szín. A 0% és 100% szélső értékek a fekete (nincs fény) és a fehér (túlexponált) színeket jelzik, és nem számít, hogy a színkörből melyik színt választották ki az első csatornában. Az optimális színfényerő 50%.
Szín beállítása HSLA használatával
A HSLA formátum a HSL-hez kapcsolódik, ahogy az RGB az RGBA-hoz. A HSLA formátumban, akárcsak az RGBA-ban, egy alfa csatorna kerül hozzáadásra, amely a színek átlátszóságáért felelős.
A HSL formátumban megadott szín könnyebben olvasható. Mondhatjuk, hogy intuitív. Például a hsl(120,60%,50%) kód képviselheti a végső színt, ha a HSL színkerékről van kép a memóriában. Ugyanez nem mondható el az RGB és HEX formátumokról, az ezekben a formátumokban megadott színkódok csak a monitoron való megjelenítés után válnak egyértelművé.
A CSS3 új formátumai (HSL, HSLA és RGBA) a következő verzióktól kezdve működnek a böngészőkben: IE 9.0, Opera 10.0 Firefox 3.0. Hogyan állíthatom be a stílusokat régebbi böngészőkön?
Somebloсk ( háttérszín: rgb(255,50,50); háttérszín: rgba(255,50,50,0,85) )
Ha ezt a kódot régebbi böngészőkben használja, a .somebloсk osztály háttérszíne RGB formátumban jelenik meg, bár nem használ alfa csatornát.
Mert html oldalak A színeket elsősorban hexadecimálisan 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 kell beírnia (számok és/vagy angol betűk) a hash után például a fekete így van írva: #000000. A html színek megadására szolgáló gyorsírás egy hashből és a mögötte lévő három számból és/vagy 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 megfelel a piros, zöld és a piros egy bizonyos arányának kék színek. 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.
Ezenkívül a weboldalak színei szóban vagy RGB kódban is feltüntethetők.
Ma már 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:
- A böngésző lecseréli a rá leginkább hasonlító és sikeresen reprodukálhatóra;
- 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.
| 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 051 |
| 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.
