Přejít na výběr barvy

Převodník LCH na RGBA

Vložte hodnotu LCH a hned dostanete RGBA. Funguje i jakýkoli jiný formát.

Rozpoznáno jako CIE LCH

Hodnota RGBArgba(255, 87, 51, 1)
RGBA na LCH

Upravit barvu

11°
100 %

68 %
0,210
34°

Všechny ostatní formáty

Tabulka krytí: alfa v HEX a RGBA

V osmimístném HEX určují krytí poslední dvě číslice: FF je plně krycí, 80 je asi 50 %, 00 je zcela průhledné. Tabulka ukazuje ukázkovou barvu po 5 %.

KrytíAlfa v HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Příklady převodu LCH na RGBA

BarvaLCHRGBA
lch(54.29 106.84 40.86)rgba(255, 0, 0, 1)
lch(87.82 113.33 134.38)rgba(0, 255, 0, 1)
lch(29.57 131.2 301.36)rgba(0, 0, 255, 1)
lch(100 0 0)rgba(255, 255, 255, 1)
lch(0 0 0)rgba(0, 0, 0, 1)
lch(53.59 0 0)rgba(128, 128, 128, 1)
lch(61.03 84.67 41.37)rgba(255, 87, 51, 1)
lch(54.62 66.37 277.59)rgba(59, 130, 246, 1)
lch(66.69 53.46 161.39)rgba(16, 185, 129, 1)
lch(72.79 80.1 70.35)rgba(245, 158, 11, 1)
lch(50.69 85.19 302.56)rgba(139, 92, 246, 1)
lch(57.31 68.24 354.01)rgba(236, 72, 153, 1)

O formátech LCH a RGBA

CIE LCH je Lab v polárních souřadnicích: světlost, chroma a tón. Pracuje se s ním snáz než s Lab a CSS ho podporuje jako lch().

RGBA je RGB s alfa kanálem pro krytí, zapsané jako rgba(255, 87, 51, 0.5). Alfa jde od 0 (zcela průhledné) do 1 (plně krycí). Stejné krytí lze zapsat osmimístným HEX, například #ff573380.

Jak převod funguje

Hodnotu LCH načteme, pomocí matic ze specifikace CSS Color 4 ji převedeme do CIE XYZ a potom do RGBA. Hodnoty mimo cílový gamut mapuje algoritmus CSS Color 4, který zachová světlost a tón a sníží chromu.

Otázky a odpovědi

Jak převést LCH na RGBA?

Vložte nebo napište hodnotu LCH do pole výše. PickShade ji už během psaní převede podle vzorců CSS Color 4 a hodnotu RGBA zkopírujete jedním kliknutím.

Je převod LCH na RGBA přesný?

Výpočet je přesný a výsledek se zaokrouhluje jen pro zobrazení, a to na tolik míst, aby šel převést zpět na stejnou barvu. Když se barva do cílového gamutu nevejde, PickShade vás upozorní a ukáže nejbližší barvu, která se vejde.

Lze získat i další formáty zároveň?

Ano. Všechny ostatní formáty včetně OKLCH, Display P3, Tailwind, SwiftUI, Flutter a Android jsou vypsané pod výsledkem a zkopírujete je jedním kliknutím.

Je tento převodník zdarma?

Ano. Je zdarma, nevyžaduje registraci a běží celý ve vašem prohlížeči.