Przejdź do próbnika kolorów

Konwerter HEX na HSB / HSV

Wklej wartość HEX i od razu dostaniesz HSB / HSV. Inne formaty też działają.

Rozpoznano: HEX

Wartość HSB / HSVhsv(10.59 80% 100%)
HSB / HSV na HEX

Dostosuj kolor

11°
100%

68%
0,210
34°

Wszystkie inne formaty

Przykłady: HEX na HSB / HSV

KolorHEXHSB / HSV
#ff0000hsv(0 100% 100%)
#00ff00hsv(120 100% 100%)
#0000ffhsv(240 100% 100%)
#ffffffhsv(0 0% 100%)
#000000hsv(0 0% 0%)
#808080hsv(0 0% 50.2%)
#ff5733hsv(10.59 80% 100%)
#3b82f6hsv(217.22 76.02% 96.47%)
#10b981hsv(160.12 91.35% 72.55%)
#f59e0bhsv(37.69 95.51% 96.08%)
#8b5cf6hsv(258.31 62.6% 96.47%)
#ec4899hsv(330.37 69.49% 92.55%)

O formatach HEX i HSB / HSV

HEX zapisuje czerwony, zielony i niebieski jako dwie cyfry szesnastkowe każdy, np. #ff5733. To najpopularniejszy sposób zapisu kolorów w sieci i w narzędziach projektowych.

HSV, nazywany też HSB, opisuje kolor przez barwę, nasycenie i jaskrawość (value). Photoshop, Figma i większość próbników kolorów używa go w kwadratowym polu wyboru.

Jak działa konwersja

Odczytujemy wartość HEX, przeliczamy ją na CIE XYZ macierzami ze specyfikacji CSS Color 4, a potem na HSB / HSV. Wartości spoza docelowego gamutu są dopasowywane algorytmem CSS Color 4, który zachowuje jasność i barwę, a zmniejsza chromę.

Pytania i odpowiedzi

Jak przekonwertować HEX na HSB / HSV?

Wklej lub wpisz wartość HEX w pole powyżej. PickShade przelicza ją wzorami CSS Color 4 w trakcie pisania, a jedno kliknięcie kopiuje wartość HSB / HSV.

Czy konwersja HEX na HSB / HSV jest dokładna?

Obliczenia są dokładne, a wynik jest zaokrąglany tylko do wyświetlenia, z liczbą cyfr wystarczającą, by wrócić do tego samego koloru. Jeśli kolor nie mieści się w docelowym gamucie, PickShade ostrzega i pokazuje najbliższy kolor, który się mieści.

Czy mogę od razu dostać inne formaty?

Tak. Wszystkie inne formaty, w tym OKLCH, Display P3, Tailwind, SwiftUI, Flutter i Android, są pod wynikiem i kopiują się jednym kliknięciem.

Czy ten konwerter jest darmowy?

Tak. Jest darmowy, nie wymaga rejestracji i działa w całości w przeglądarce.