Jak zamienić kolor HEX na RGB, HSL, OKLCH i CMYK?
Wpisujesz kolor w jednym formacie - tool na żywo pokazuje wszystkie pozostałe: HEX, RGB, HSL, HSV, OKLCH, LCH, Lab, CMYK.
Plus pipeta z ekranu (Chrome/Edge) - klik dowolny piksel pulpitu (też poza oknem przeglądarki) ustawia kolor.
Wszystko lokalnie - kolor nie wychodzi z przeglądarki.
Idealne dla webdeveloperów (HEX/RGB/OKLCH dla CSS), DTP (CMYK do druku), kolorystyków (Lab/LCH dla obliczeń różnic kolorów).
Jak korzystać
- Wpisz kolor w polu HEX (lewa kolumna) lub użyj pipety - klik "Pipeta z ekranu" próbkuje dowolny piksel pulpitu.
- Po prawej masz wszystkie formaty na żywo: RGB, HSL, HSV, OKLCH, LCH, Lab, CMYK. Każdy ma slidery kanałów - zmiana w jednym formacie aktualizuje pozostałe.
- Każdy blok ma przycisk "Kopiuj" - kopiuje gotowy CSS string (np. `oklch(0.51 0.18 264.5)`).
- "Najbliższa nazwa CSS" pod swatchem pokazuje, którego CSS named-color jesteś najbliżej (np. mediumslateblue).
- Na dole panelu lewego masz 8 popularnych kolorów Tailwind jako presety - świetne na start palety.
Do czego się przydaje
Komu konwerter kolorów się przyda - typowe role:
- Webdeveloper - dostajesz HEX z Figmy, potrzebujesz OKLCH do nowego CSS. Wklej i masz.
- DTP / drukarz - macie HEX brandbooka, potrzebujecie CMYK do drukarni. Uwaga: nasz CMYK jest aproksymacyjny - na produkcję pre-press użyjcie ICC profilu drukarza.
- Migracja do OKLCH - Tailwind v4, Radix Colors używają OKLCH. Łatwo przeliczyć starą paletę HEX na nowy format.
- Kolorystyk - Lab i LCH są standardem ΔE 2000 (różnica kolorów). Eksport do obliczeń.
- Branding - OKLCH pokazuje, że odcień (h) jest wzajemnie spójny mimo zmiany jasności - inaczej niż w HSL.
Gdy masz już bazowy kolor, zbuduj pełną skalę 50-950 w generatorze palety Tailwind, dobierz pasujące akcenty w harmonii kolorów, a parę tekst/tło zweryfikuj pod WCAG w sprawdzaniu kontrastu.
Pytania i odpowiedzi
Nie. Konwerter działa w 100% lokalnie - matematyka konwersji + lookup CSS named colors. Nawet pipeta z ekranu używa lokalnego API EyeDropper - przeglądarka pokazuje dialog systemowy, ale wynik wraca tylko do strony.