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

Převodník HEX na Flutter / Compose

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

Rozpoznáno jako HEX

Hodnota Flutter / ComposeColor(0xFFFF5733)
Flutter / Compose na HEX

Upravit barvu

11°
100 %

68 %
0,210
34°

Všechny ostatní formáty

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

BarvaHEXFlutter / Compose
#ff0000Color(0xFFFF0000)
#00ff00Color(0xFF00FF00)
#0000ffColor(0xFF0000FF)
#ffffffColor(0xFFFFFFFF)
#000000Color(0xFF000000)
#808080Color(0xFF808080)
#ff5733Color(0xFFFF5733)
#3b82f6Color(0xFF3B82F6)
#10b981Color(0xFF10B981)
#f59e0bColor(0xFFF59E0B)
#8b5cf6Color(0xFF8B5CF6)
#ec4899Color(0xFFEC4899)

O formátech HEX a Flutter / Compose

HEX zapisuje červenou, zelenou a modrou složku vždy jako dvě šestnáctkové číslice, například #ff5733. Je to nejběžnější zápis barev na webu i v designových nástrojích.

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 HEX 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 HEX na Flutter / Compose?

Vložte nebo napište hodnotu HEX 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 HEX 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.