Fff html szín. A stílusok színe többféleképpen adható meg: hexadecimális értékkel, név szerint, RGB, RGBA, HSL, HSLA formátumban
A színek megadására hexadecimális számokat használunk. A hexadecimális rendszer, a decimális rendszertől eltérően, 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 hexadecimális rendszerben a 15-nél nagyobb számok két szám egyesítésével jönnek létre. Például a 255 decimális szám megfelel a hexadecimális FF számnak. A számrendszer meghatározásakor a félreértések elkerülése érdekében a hexadecimális szám elé egy # hash szimbólum kerül, például #666999. A három szín – piros, zöld és kék – mindegyike 00 és FF közötti értéket vehet fel. Így a színszimbólum három komponensre oszlik #rrggbb, ahol az első két szimbólum a szín piros összetevőjét jelzi, a középső kettő zöld, az utolsó kettő pedig kék. Megengedett a #rgb rövidített alak használata, ahol minden karaktert meg kell duplázni. Így a #fe0 bejegyzést #ffee00-nak kell tekinteni.
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 nevük alapján támogatnak bizonyos színeket. táblázatban 1 mutatja a neveket, hexadecimális kódot, RGB, HSL értékeket és leírást.
Név | Szín | 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 #0ffff | 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(180100%,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 használata
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 vörös, zöld és kék értékekkel határozhatja meg tizedesjegyben. 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, ahol a 100% a 255-ös számnak felel meg. Először adja meg az rgb kulcsszót, majd adja meg a színösszetevőket zárójelben. , vesszővel elválasztva, 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 meghatározza az elem átlátszóságát. A 0 érték teljesen átlátszó, az 1 az átlátszatlan, a közbülső érték, például a 0,5 pedig félig átlátszó.
Az RGBA-t hozzáadták a CSS3-hoz, ezért a CSS-kódot ehhez a verzióhoz kell érvényesíteni. Megjegyzendő, hogy a CSS3 szabvány még fejlesztés alatt áll, és egyes funkciók változhatnak. Például egy, a background-color tulajdonsághoz hozzáadott RGB formátumú szín érvényesítésre kerül, de a háttértulajdonsághoz hozzáadott szín már nem érvényes. 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 származik. A színárnyalat a színkör színértéke (1. ábra), és fokokban van megadva. A 0° a pirosnak, a 120° a zöldnek, a 240° pedig a kéknek felel meg. A színárnyalat értéke 0 és 359 között változhat.
Rizs. 1. Színkör
A telítettség a szín intenzitása, és 0% és 100% közötti százalékban mérik. A 0% érték a szín hiányát és a szürke árnyalatát jelzi, a 100% pedig a telítettség maximális értéke.
A világosság megadja, hogy a szín mennyire világos, és százalékban van megadva 0% és 100% között. Az alacsony értékek sötétebbé teszik a színt, a magas értékek pedig világosabbá teszik a színt; az extrém 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 az elem átlátszóságának meghatározására. A 0 érték teljesen átlátszó, az 1 az átlátszatlan, a közbülső érték, például a 0,5 pedig félig átlátszó.
Az RGBA, HSL és HSLA színértékek hozzáadódnak a CSS3-hoz, ezért kérjük, ellenőrizze a kód verziójának érvényességét ezen formátumok használatakor.
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 HTML-ben a szín háromféleképpen adható meg:
Szín beállítása a HTML-ben a név alapján
Egyes színek a nevükkel adhatók meg, értékként az angol színnév használatával. A leggyakoribb kulcsszavak: fekete, fehér, piros, zöld, kék stb.:
Szöveg színe – piros
A World Wide Web Consortium (W3C) szabvány legnépszerűbb színei:
Szín | Név | Szín | Név | Szín | Név | Szín | Név |
---|---|---|---|---|---|---|---|
Fekete | szürke | Ezüst | fehér | ||||
Sárga | Mész | Aqua | Fukszia | ||||
Piros | Zöld | Kék | Lila | ||||
Gesztenyebarna | Olajbogyó | haditengerészet | A zöldeskék |
Példa különböző színnevek használatára:
Példa: szín megadása a neve alapján
- Próbáld ki magad "
Fejléc piros háttéren
Fejléc narancssárga háttérrel
Rovat a lime háttér
Kék alapon fehér szöveg
Fejléc piros háttéren
Fejléc narancssárga háttérrel
Rovat a lime háttér
Kék alapon fehér szöveg
Szín megadása RGB használatával
Amikor különböző színeket jelenít meg a monitoron, az RGB palettát veszik alapul. Bármely színt három alapszín keverésével kapunk: R - piros, G - zöld, B - kék. Az egyes színek fényerejét egy bájt adja meg, ezért 0 és 255 közötti értékeket vehet fel. Például az RGB(255,0,0) piros színben jelenik meg, mivel a piros a legmagasabb értékre (255) van beállítva, és a többi értéke 0. A színt százalékban is beállíthatja. Minden paraméter a megfelelő szín fényerejét jelzi. Például: az rgb(127, 255, 127) és rgb(50%, 100%, 50%) értékek ugyanazt a közepes zöld színt állítják be:
Példa: Szín megadása RGB használatával
- Próbáld ki magad "
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
rgb(127, 255, 127)
rgb(50%, 100%, 50%)
A szín beállítása hexadecimális értékkel
Értékek R G B hexadecimális (HEX) színértékekkel is megadható a következő formában: #RRGGBB ahol RR (piros), GG (zöld) és BB (kék) hexadecimális értékek 00-tól FF-ig (ugyanaz, mint a decimális 0-255) ) . A hexadecimális rendszer, a decimális rendszertől eltérően, ahogy a neve is sugallja, a 16-os számon alapul. A hexadecimális rendszer a következő jeleket használja: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Itt a 10 és 15 közötti számokat latin betűk helyettesítik. A hexadecimális rendszerben a 15-nél nagyobb számokat két karakter egy értékké történő kombinálásával ábrázoljuk. Például a legnagyobb decimális 255-ös szám megfelel a legmagasabb hexadecimális FF-értéknek. A decimális rendszertől eltérően a hexadecimális számot egy hash szimbólum előzi meg. # Például az #FF0000 pirosként jelenik meg, mert a piros a legmagasabb értékre (FF), a többi szín pedig a minimális értékre (00) van beállítva. Jelek a hash szimbólum után # Nagy- és kisbetűvel is írhatsz. A hexadecimális rendszer lehetővé teszi az #rgb rövidített alak használatát, ahol minden karakter egyenértékű a duplával. Így az #f7O bejegyzést #ff7700-nak kell tekinteni.
Példa: HEX szín
- Próbáld ki magad "
piros: #FF0000
zöld: #00FF00
kék: #0000FF
piros: #FF0000
zöld: #00FF00
kék: #0000FF
piros+zöld=sárga: #FFFF00
piros+kék=lila: #FF00FF
zöld+kék=cián: #00FFFF
A gyakori színek listája (név, HEX és RGB):
angol név | Orosz név | Minta | HEX | RGB | ||
---|---|---|---|---|---|---|
Bársonyvirág | Bársonyvirág | #E52B50 | 229 | 43 | 80 | |
Borostyán | Borostyán | #FFBF00 | 255 | 191 | 0 | |
Aqua | Kékeszöld | #00FFFF | 0 | 255 | 255 | |
Égszínkék | Égszínkék | #007FFF | 0 | 127 | 255 | |
Fekete | Fekete | #000000 | 0 | 0 | 0 | |
Kék | Kék | #0000FF | 0 | 0 | 255 | |
Bondi kék | Bondi tengerparti víz | #0095B6 | 0 | 149 | 182 | |
Sárgaréz | Sárgaréz | #B5A642 | 181 | 166 | 66 | |
Barna | Barna | #964B00 | 150 | 75 | 0 | |
Égszínkék | Égszínkék | #007BA7 | 0 | 123 | 167 | |
Sötét tavaszi zöld | Sötét tavaszi zöld | #177245 | 23 | 114 | 69 | |
Smaragd | Smaragd | #50C878 | 80 | 200 | 120 | |
Padlizsán | Padlizsán | #990066 | 153 | 0 | 102 | |
Fukszia | Fukszia | #FF00FF | 255 | 0 | 255 | |
Arany | Arany | #FFD700 | 250 | 215 | 0 | |
szürke | Szürke | #808080 | 128 | 128 | 128 | |
Zöld | Zöld | #00FF00 | 0 | 255 | 0 | |
Indigó | Indigó | #4B0082 | 75 | 0 | 130 | |
Jade | Jade | #00A86B | 0 | 168 | 107 | |
Mész | Mész | #CCFF00 | 204 | 255 | 0 | |
Malachit | Malachit | #0BDA51 | 11 | 218 | 81 | |
haditengerészet | Sötétkék | #000080 | 0 | 0 | 128 | |
Okker | Okker | #CC7722 | 204 | 119 | 34 | |
Olajbogyó | Olajbogyó | #808000 | 128 | 128 | 0 | |
narancs | narancs | #FFA500 | 255 | 165 | 0 | |
Őszibarack | Őszibarack | #FFE5B4 | 255 | 229 | 180 | |
Tök | Tök | #FF7518 | 255 | 117 | 24 | |
Lila | Ibolya | #800080 | 128 | 0 | 128 | |
Piros | Piros | #FF0000 | 255 | 0 | 0 | |
Sáfrány | Sáfrány | #F4C430 | 244 | 196 | 48 | |
Tengerzöld | Zöld tenger | #2E8B57 | 46 | 139 | 87 | |
Mocsári zöld | Bolotny | #ACB78E | 172 | 183 | 142 | |
A zöldeskék | Kékeszöld | #008080 | 0 | 128 | 128 | |
Ultramarin | Ultramarin | #120A8F | 18 | 10 | 143 | |
Ibolya | Ibolya | #8B00FF | 139 | 0 | 255 | |
Sárga | Sárga | #FFFF00 | 255 | 255 | 0 |
Színkódok (háttér) telítettség és színárnyalat szerint.
Vlad Merzsevics
A HTML-ben a színt kétféleképpen lehet megadni: hexadecimális kóddal és bizonyos színek nevével. Túlnyomórészt a hexadecimális számrendszeren alapuló módszert alkalmazzák, mivel ez a leguniverzálisabb.
Hexadecimális színek
A HTML hexadecimális számokat használ a színek meghatározásához. A hexadecimális rendszer, a decimális rendszertől eltérően, 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. táblázatban A 6.1 a decimális és a hexadecimális számok közötti megfelelést mutatja.
A hexadecimális rendszerben a 15-nél nagyobb számok két szám egyesítésével jönnek létre (6.2. táblázat). Például a 255 decimális szám megfelel a hexadecimális FF számnak.
A számrendszer meghatározásakor a félreértések elkerülése érdekében a hexadecimális számot egy # hash szimbólum előzi meg, például #aa69cc. Ebben az esetben a kis- és nagybetű nem számít, ezért megengedett az #F0F0F0 vagy #f0f0f0 beírása.
A HTML-ben használt tipikus szín így néz ki.
Itt a weboldal háttérszíne #FA8E47. A # hash szimbólum egy szám előtt azt jelenti, hogy hexadecimális. Az első két számjegy (FA) határozza meg a szín piros összetevőjét, a harmadik és a negyedik számjegy (8E) a zöld komponenst, az utolsó két számjegy (47) pedig a kék összetevőt. A végeredmény ez a szín lesz.
F.A. | + | 8E | + | 47 | = | FA8E47 |
A három szín – piros, zöld és kék – mindegyike 00 és FF közötti értéket vehet fel, így összesen 256 árnyalat érhető el. Így a színek teljes száma 256x256x256 = 16 777 216 kombináció lehet. A vörös, zöld és kék komponenseken alapuló színmodellt RGB-nek (piros, zöld, kék; piros, zöld, kék) nevezik. Ez a modell additív (az add - add), amelyben mindhárom komponens hozzáadásával a fehér szín jön létre.
A hexadecimális színekben való navigálás megkönnyítése érdekében vegye figyelembe néhány szabályt.
- Ha a színösszetevők értéke megegyezik (például: #D6D6D6), akkor az eredmény szürke árnyalat lesz. Minél nagyobb a szám, annál világosabb a szín, a #000000 (fekete) és #FFFFFF (fehér) közötti értékekkel.
- Élénkvörös szín alakul ki, ha a piros komponenst maximálisra (FF) tesszük, és a többi komponenst nullára állítjuk. Az #FF0000 értékű szín a lehető legvörösebb vörös árnyalat. Ugyanez igaz a zöldre (#00FF00) és a kékre (#0000FF).
- A sárga (#FFFF00) a vörös és a zöld keverésével készül. Ez jól látható a színkörön (6.1. ábra), amely bemutatja az alapszíneket (piros, zöld, kék) és a kiegészítő vagy kiegészítő színeket. Ezek közé tartozik a sárga, a cián és az ibolya (más néven bíbor). Általában bármilyen színt kaphatunk a hozzá közel álló színek keverésével. Így a ciánt (#00FFFF) a kék és a zöld kombinálásával kapjuk.
Rizs. 6.1. Színes kör
A hexadecimális értékeken alapuló színeket nem kell empirikusan kiválasztani. Erre a célra alkalmas egy grafikus szerkesztő, amely különböző színmodellekkel működik, például az Adobe Photoshop. ábrán. A 6.2. ábra a színválasztás ablakát mutatja ebben a programban, az aktuális szín eredményül kapott hexadecimális értéke egy vonallal körvonalazódik. Kimásolhatja és beillesztheti a kódjába.
Rizs. 6.2. Ablak a színek kiválasztásához a Photoshopban
Web színek
Ha a monitor színvisszaadási minőségét 8 bitre (256 színre) állítja, akkor ugyanaz a szín eltérően jeleníthető meg a különböző böngészőkben. Ennek oka a grafika megjelenítési módja, amikor a böngésző a saját palettájával működik, és nem tud olyan színt megjeleníteni, amely nem szerepel a palettán. Ebben az esetben a színt más, ahhoz közel álló színek pixeleinek kombinációja váltja fel, amelyek utánozzák az adott színt. Annak érdekében, hogy a színek változatlanok maradjanak a különböző böngészőkben, bevezették az úgynevezett webes színek palettáját. A webszínek azok a színek, amelyeknél minden összetevő - piros, zöld és kék - a hat érték valamelyikére van beállítva - 0 (00), 51 (33), 102 (66), 153 (99), 204 (CC) , 255 (FF). Ennek a komponensnek a hexadecimális értéke zárójelben van feltüntetve. Az összes lehetséges kombinációból származó színek száma 6x6x6 - 216 színt ad. Egy példa webszínre a #33FF66.
A webszín fő jellemzője, hogy minden böngészőben ugyanúgy jelenik meg. Jelenleg a webes színek jelentősége nagyon kicsi a monitorok minőségének javulása és képességeik bővülése miatt.
Színek név szerint
Annak érdekében, hogy ne kelljen számkészletre emlékezni, használhatja helyette a gyakran használt színek nevét. táblázatban 6.3 mutatja a népszerű színnevek nevét.
Színnév | Szín | Leírás | Hexadecimális érték |
---|---|---|---|
fekete | Fekete | #000000 | |
kék | Kék | #0000FF | |
fukszia | Világos lila | #FF00FF | |
szürke | Sötétszürke | #808080 | |
zöld | Zöld | #008000 | |
mész | Világos zöld | #00FF00 | |
gesztenyebarna | Sötét vörös | #800000 | |
haditengerészet | Sötétkék | #000080 | |
olajbogyó | Olajbogyó | #808000 | |
lila | Sötét lila | #800080 | |
piros | Piros | #FF0000 | |
ezüst | Világos szürke | #C0C0C0 | |
a zöldeskék | Kékeszöld | #008080 | |
fehér | fehér | #FFFFFF | |
sárga | Sárga | #FFFF00 |
Nem számít, hogy a színt a nevével vagy hexadecimális számokkal adja meg. Ezek a módszerek hatásukban megegyeznek. A 6.1. példa bemutatja, hogyan kell beállítani egy weboldal háttér- és szövegszínét.
6.1. példa. Háttér és szöveg színe
Példa szöveg
Ebben a példában a háttérszín beállítása a címke bgcolor attribútumával történik
, és a szöveg színét a text attribútumon keresztül. A változatosság érdekében a text attribútum hexadecimális számra, a bgcolor attribútum pedig a teal fenntartott kulcsszóra van állítva.>>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
előtt 255
, vagy től 0%
előtt 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 előtt 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. |
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ó dolog- kék színek. Minden szám értéket vehet fel a következő tartományban 00 előtt 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 kombinációikhoz olyan neveket rendeltek, amelyeket minden böngésző felismer, és sok közülük név szerint is beállítható. 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ék ibolya | 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ét szürke | Sötétzöld | ||||
Darkkhaki | Sötétbíbor | sötétzöld | Darkorange | ||||
Darkorchid | Sötét vörös | Darksalmon | Sötétzöld | ||||
Sötét palakék | Sötétszürke | Sötéttürkiz | Sötétlila | ||||
Mély rózsaszín | Deepskykék | Dimgray | Dodgerblue | ||||
Tűztégla | Virágfehér | Erdő zöld | Fuschia | ||||
Gainsboro | Ghostwhite | Arany | Aranyvessző | ||||
szürke | Zöld sárga | Mézharmat | Dögö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ágos zöld | ||||
Világos szürke | Világos rózsaszín | Lightsalmon | Világos tengerzöld | ||||
Világos égszínkék | Világos palaszürke | Világosacélkék | Halványsárga | ||||
Mész | Zöldcitrom zöld | Vászon | Bíborvörös | ||||
Gesztenyebarna | Mediumaquamarin | Közepes kék | Középmorchid | ||||
Közepes lila | Közepes zöld | Közepes lapátkék | Közepes tavaszi zöld | ||||
Közepes türkiz | Középibolya színű | Éjkék | Mentakrém | ||||
Mistyrose | navajofehér | haditengerészet | Oldlace | ||||
Olajbogyó | Oliverab | Narancsvörös | Orchidea | ||||
Palegoldenrod | Halvány zöld | Paletteurquoise | Halványibolya színű | ||||
Papayawhip | Barackpuff | Peru | Rózsaszín | ||||
Szilva | Kobalt kék | Rózsabarna | Királykék | ||||
nyeregbarna | Tengerzöld | Tengeri kagyló | Sienna | ||||
Ezüst | Égszínkék | palakék | Slategray | ||||
Hó | Tavaszi zöld | Acélkék | Cser | ||||
A zöldeskék | Bogáncs | Paradicsom | Türkiz | ||||
Ibolya | Búza | Fehér füst | Sárga zöld |
Biztonságos színpaletta használata
Sajnos a 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.
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 |
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 |