Převodník SwiftUI na OKLCH

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

Z formátu SwiftUI

Rozpoznáno jako kód Swift

Hodnota OKLCHoklch(68.031% 0.21005 33.68)

OKLCH na SwiftUI

Upravit barvu

Tón11°

Krytí100 %

Světlost68 %

Chroma0,210

Tón34°

Všechny ostatní formáty

Příklady převodu SwiftUI na OKLCH

Barva	SwiftUI	OKLCH
	Color(red: 1, green: 0, blue: 0)	oklch(62.796% 0.25768 29.234)
	Color(red: 0, green: 1, blue: 0)	oklch(86.644% 0.29483 142.495)
	Color(red: 0, green: 0, blue: 1)	oklch(45.201% 0.31321 264.052)
	Color(red: 1, green: 1, blue: 1)	oklch(100% 0 0)
	Color(red: 0, green: 0, blue: 0)	oklch(0% 0 0)
	Color(red: 0.502, green: 0.502, blue: 0.502)	oklch(59.987% 0 0)
	Color(red: 1, green: 0.341, blue: 0.2)	oklch(68.036% 0.21001 33.692)
	Color(red: 0.231, green: 0.51, blue: 0.965)	oklch(62.308% 0.18801 259.815)
	Color(red: 0.063, green: 0.725, blue: 0.506)	oklch(69.587% 0.14907 162.48)
	Color(red: 0.961, green: 0.62, blue: 0.043)	oklch(76.859% 0.16466 70.08)
	Color(red: 0.545, green: 0.361, blue: 0.965)	oklch(60.563% 0.21892 292.717)
	Color(red: 0.925, green: 0.282, blue: 0.6)	oklch(65.592% 0.21177 354.308)

O formátech SwiftUI a OKLCH

SwiftUI popisuje barvu červenou, zelenou a modrou složkou od 0 do 1, zapsanou jako Color(red: 1, green: 0.341, blue: 0.2). Krytí se přidává parametrem opacity.

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í.

Jak převod funguje

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

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

Je převod SwiftUI na OKLCH 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.