Převodník OKLCH na Flutter / Compose

Vložte hodnotu OKLCH a hned dostanete Flutter / Compose. Funguje i jakýkoli jiný formát.

Z formátu OKLCH

Rozpoznáno jako OKLCH

Hodnota Flutter / ComposeColor(0xFFFF5733)

Flutter / Compose na OKLCH

Upravit barvu

Tón11°

Krytí100 %

Světlost68 %

Chroma0,210

Tón34°

Všechny ostatní formáty

Příklady převodu OKLCH na Flutter / Compose

Barva	OKLCH	Flutter / Compose
	oklch(62.796% 0.25768 29.234)	Color(0xFFFF0000)
	oklch(86.644% 0.29483 142.495)	Color(0xFF00FF00)
	oklch(45.201% 0.31321 264.052)	Color(0xFF0000FF)
	oklch(100% 0 0)	Color(0xFFFFFFFF)
	oklch(0% 0 0)	Color(0xFF000000)
	oklch(59.987% 0 0)	Color(0xFF808080)
	oklch(68.036% 0.21001 33.692)	Color(0xFFFF5733)
	oklch(62.308% 0.18801 259.815)	Color(0xFF3B82F6)
	oklch(69.587% 0.14907 162.48)	Color(0xFF10B981)
	oklch(76.859% 0.16466 70.08)	Color(0xFFF59E0B)
	oklch(60.563% 0.21892 292.717)	Color(0xFF8B5CF6)
	oklch(65.592% 0.21177 354.308)	Color(0xFFEC4899)

O formátech OKLCH a Flutter / Compose

OKLCH je OKLab v polárních souřadnicích: světlost, chroma a tón. Tailwind CSS v4 ho používá pro celou paletu, protože při změně světlosti zůstává tón stabilní.

Flutter a Jetpack Compose zapisují barvu jako jedno 32bitové číslo ARGB, například Color(0xFFFF5733). Dvě hex číslice za 0x jsou alfa, FF znamená plně krycí.

Jak převod funguje

Hodnotu OKLCH načteme, pomocí matic ze specifikace CSS Color 4 ji převedeme do CIE XYZ a potom do Flutter / Compose. 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 OKLCH na Flutter / Compose?

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

Je převod OKLCH na Flutter / Compose 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.