HTML barvy

čt 1. ledna 2026 17:00 CET (před 6 měsíci a 10 dny)

Základní, bezpečné, pojmenované, syté, mono a ostatní html RGB barvy. Vliv rastrování a počtu barev na velikost obrázku. Konverze barev (s odstíny a kontrasty):

Obsah

Úvod
16 základních barev
141 pojmenovaných barev
216 bezpečných barev
Odstíny barev v RGB
Barvy vyjádřené barevným kruhem
Porovnání kvality rastrových obrazových formátů AVIF, WEBP, JPG a PNG v závislosti na velikosti (při posouzení vlivu formátu, ztrátové komprese, redukce bitové hloubky tj. snížení počtu barev a ditheringu tj. rozptylu) - vítězem je formát WEBP nebo AVIF v optimálním ztrátovém režimu
Konverze barvy
Reference

Úvod

Barevný prostor^ je množina barev^ kterou lze matematicky definovat barevným modelem^. Množina barev je dána gamutem^ a počtem bitů použitých k reprezentaci barvy čili barevnou (bitovou) hloubkou^. Reprezentace (zápis) konkrétní barvy se řídí příslušným barevným modelem a způsobem užití (v HTML^ podle pravidel CSS^. Neznámější barevné modely jsou:

RGB^ - je barevný model založený na aditivním míchání^ barev a je vhodný pro projekci (zobrazení) barev (viz Odstíny barev v RGB)
CMYK^ - je barevný model založený na subtraktivním míchání^ barev a je vhodný pro reprodukci (tisk) barev. Jeho nevýhodou je ztráta části barevného spektra při konverzi z jiných modelů
HSL, HSV (HSB)^ - barevný model nejvíce odpovídá lidskému vnímání barev

16 základních barev

Pouze 16 základních barev^^[1a] definuje HTML specifikace 4.01^.

16 základních barev se všemi bežnými způsoby zápisu (jmenný anglický název, číslo odstínu, RGB (hex | shorthex | dec) HSL a CMYK. Řazeno podle přirozeného barevného spektra:

Black 360

#000

rgb(0,0,0)
hsl(0,0%,0%)
cmyk(0%,0%,0%,100%)

Gray, Grey 360

rgb(128,128,128)
hsl(0,0%,50%)
cmyk(0%,0%,0%,50%)

Silver 360

rgb(192,192,192)
hsl(0,0%,75%)
cmyk(0%,0%,0%,25%)

White 360

#FFF

rgb(255,255,255)
hsl(0,0%,100%)
cmyk(0%,0%,0%,0%)

Maroon 0

rgb(128,0,0)
hsl(0,100%,25%)
cmyk(0%,100%,100%,50%)

Red 0

#F00

rgb(255,0,0)
hsl(0,100%,50%)
cmyk(0%,100%,100%,0%)

Olive 60

rgb(128,128,0)
hsl(60,100%,25%)
cmyk(0%,0%,100%,50%)

Yellow 60

#FF0

rgb(255,255,0)
hsl(60,100%,50%)
cmyk(0%,0%,100%,0%)

Green 120

rgb(0,128,0)
hsl(120,100%,25%)
cmyk(100%,0%,100%,50%)

Lime 120

#0F0

rgb(0,255,0)
hsl(120,100%,50%)
cmyk(100%,0%,100%,0%)

Teal 180

rgb(0,128,128)
hsl(180,100%,25%)
cmyk(100%,0%,0%,50%)

Aqua, Cyan 180

#0FF

rgb(0,255,255)
hsl(180,100%,50%)
cmyk(100%,0%,0%,0%)

Navy 240

rgb(0,0,128)
hsl(240,100%,25%)
cmyk(100%,100%,0%,50%)

Blue 240

#00F

rgb(0,0,255)
hsl(240,100%,50%)
cmyk(100%,100%,0%,0%)

Purple 300

rgb(128,0,128)
hsl(300,100%,25%)
cmyk(0%,100%,0%,50%)

Fuchsia, Magenta 300

#F0F

rgb(255,0,255)
hsl(300,100%,50%)
cmyk(0%,100%,0%,0%)

141 pojmenovaných barev

141 pojmenovaných barev^ obsahuje 16 základních barev a 125 dalších. Jsou to barvy, které mají svůj jmenný anglický název (v seznamu není uvedena transparentní barva^, neboť to není konkrétní barva, ale vlastnost z CSS^). Devět barev má dva rozdílné názvy: a) Aqua / Cyan, b) DarkGray / DarkGrey, c) DarkSlateGray / DarkSlateGrey, d) DimGray / DimGrey, e) Fuchsia / Magenta, f) Gray / Grey, g) LightGray / LightGrey, h) LightSlateGray / LightSlateGrey a i) SlateGray / SlateGrey.

141 pojmenovaných barev. Řazeno vzestupně podle jmenného anlického názvu:

AliceBlue 208

rgb(240,248,255)
hsl(208,100%,97%)
cmyk(6%,3%,0%,0%)

AntiqueWhite 34.3

rgb(250,235,215)
hsl(34,78%,91%)
cmyk(0%,6%,14%,2%)

Aqua, Cyan 180

#0FF

rgb(0,255,255)
hsl(180,100%,50%)
cmyk(100%,0%,0%,0%)

Aquamarine 159.8

rgb(127,255,212)
hsl(160,100%,75%)
cmyk(50%,0%,17%,0%)

Azure 180

rgb(240,255,255)
hsl(180,100%,97%)
cmyk(6%,0%,0%,0%)

Beige 60

rgb(245,245,220)
hsl(60,56%,91%)
cmyk(0%,0%,10%,4%)

Bisque 32.5

rgb(255,228,196)
hsl(33,100%,88%)
cmyk(0%,11%,23%,0%)

Black 360

#000

rgb(0,0,0)
hsl(0,0%,0%)
cmyk(0%,0%,0%,100%)

BlanchedAlmond 36

rgb(255,235,205)
hsl(36,100%,90%)
cmyk(0%,8%,20%,0%)

Blue 240

#00F

rgb(0,0,255)
hsl(240,100%,50%)
cmyk(100%,100%,0%,0%)

BlueViolet 271.1

rgb(138,43,226)
hsl(271,76%,53%)
cmyk(39%,81%,0%,11%)

Brown 0

rgb(165,42,42)
hsl(0,59%,41%)
cmyk(0%,75%,75%,35%)

BurlyWood 33.8

rgb(222,184,135)
hsl(34,57%,70%)
cmyk(0%,17%,39%,13%)

CadetBlue 181.8

rgb(95,158,160)
hsl(182,25%,50%)
cmyk(41%,1%,0%,37%)

Coral 16.1

rgb(255,127,80)
hsl(16,100%,66%)
cmyk(0%,50%,69%,0%)

CornflowerBlue 218.5

rgb(100,149,237)
hsl(219,79%,66%)
cmyk(58%,37%,0%,7%)

Cornsilk 48

rgb(255,248,220)
hsl(48,100%,93%)
cmyk(0%,3%,14%,0%)

Crimson 348

rgb(220,20,60)
hsl(348,83%,47%)
cmyk(0%,91%,73%,14%)

DarkBlue 240

rgb(0,0,139)
hsl(240,100%,27%)
cmyk(100%,100%,0%,45%)

DarkCyan 180

rgb(0,139,139)
hsl(180,100%,27%)
cmyk(100%,0%,0%,45%)

DarkGoldenrod 42.7

rgb(184,134,11)
hsl(43,89%,38%)
cmyk(0%,27%,94%,28%)

DarkGray, DarkGrey 360

rgb(169,169,169)
hsl(0,0%,66%)
cmyk(0%,0%,0%,34%)

DarkGreen 120

rgb(0,100,0)
hsl(120,100%,20%)
cmyk(100%,0%,100%,61%)

DarkKhaki 55.6

rgb(189,183,107)
hsl(56,38%,58%)
cmyk(0%,3%,43%,26%)

DarkMagenta 300

rgb(139,0,139)
hsl(300,100%,27%)
cmyk(0%,100%,0%,45%)

DarkOliveGreen 82

rgb(85,107,47)
hsl(82,39%,30%)
cmyk(21%,0%,56%,58%)

DarkOrange 32.9

rgb(255,140,0)
hsl(33,100%,50%)
cmyk(0%,45%,100%,0%)

DarkOrchid 280.1

rgb(153,50,204)
hsl(280,61%,50%)
cmyk(25%,75%,0%,20%)

DarkRed 0

rgb(139,0,0)
hsl(0,100%,27%)
cmyk(0%,100%,100%,45%)

DarkSalmon 15.1

rgb(233,150,122)
hsl(15,72%,70%)
cmyk(0%,36%,48%,9%)

DarkSeaGreen 120

rgb(143,188,143)
hsl(115,27%,64%)
cmyk(24%,0%,24%,26%)

DarkSlateBlue 248.5

rgb(72,61