Konwerter kolorów

Obsługuje konwersję formatów kolorów między HEX, RGB, HSL i CMYK, zapewniając podgląd w czasie rzeczywistym i próbnik kolorów. Automatyczna zsynchronizowana konwersja, odpowiednia do przekazywania projektów, stylizacji CSS i ujednolicania przewodników po stylu.

Instrukcja użycia

🚀 Szybki start

Wybierz lub wpisz: podaj dowolny obsługiwany format (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) albo użyj próbnika koloru.
Automatyczna konwersja: wpisanie w jednym formacie natychmiast przelicza i aktualizuje pozostałe.
Kopiowanie: użyj przycisku kopiowania obok danego formatu, aby otrzymać znormalizowany ciąg znaków.

📌 Typowe scenariusze

Przekazanie z designu: konwertuj HEX z plików projektowych na CSS RGB/HSL na potrzeby frontendu.
Księga stylów: ujednolić formaty kolorów i styl zapisu w bibliotece komponentów.
Odnośnik do druku: konwertuj kolor z ekranu do CMYK jako wstępne przybliżenie (wymagane nadal wydruki próbne).
Dostępność: użyj podglądu, by wstępnie ocenić kontrast (dokładne współczynniki licz za pomocą dedykowanego narzędzia).

🎛️ Parametry konwersji i wyświetlania

Zasady wejścia: HEX obsługuje tylko 6 cyfr (bez kanału alpha); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Wielkość liter nie ma znaczenia.
Zachowanie podglądu: na komputerze podgląd na żywo po prawej; na urządzeniach mobilnych tryb uproszczony bez podglądu.
Próbnik: kliknij ikonę palety w prawym górnym rogu karty formatu, aby otworzyć próbnik.
Strategia wielkości liter HEX: wyjściowo wszystkie litery są wielkie (np. #1E90FF); wejście jest nieczułe na wielkość; brak osobnego przełącznika.
Precyzyjna regulacja: przeciągaj litery kanałów w lewo/prawo (Shift ×10, Alt ÷0.1).
Kopiowanie wyjścia: przycisk kopiowania zwraca znormalizowane ciągi (HEX zawsze wielkimi literami).

🧭 Wskazówki użycia

Precyzja: zarządzanie kolorem przez urządzenia/ekrany różni się; wartości z pipet mogą się nieznacznie różnić między aplikacjami.
Kanał alpha: bieżące formaty nie obejmują alpha; użyj rgba()/hsla() lub osobnego parametru.
Przestrzeń barw: domyślnie web używa sRGB; w workflow P3/Display‑P3 konieczna dodatkowa weryfikacja.
Spójność zespołu: uzgodnijcie kanoniczny format w CSS (np. wszędzie HSL).

⚠️ Ograniczenia i kompatybilność

Różnice urządzeń: monitory/przeglądarki/systemy różnie zarządzają kolorem, więc efekt wizualny może się różnić.
CMYK jest przybliżony: wartości są tylko szacunkiem; poważne projekty do druku wymagają profili ICC i dedykowanego procesu.
Brak alpha: to narzędzie nie przelicza przezroczystości.

🔒 Prywatność i bezpieczeństwo

Całe przetwarzanie odbywa się w Twojej przeglądarce; dane nie opuszczają Twojego urządzenia.

❓ Najczęstsze pytania

Czy obsługiwany jest skrót #RGB?

Nie; używaj 6‑znakowego HEX (#RRGGBB).

Jakie zakresy mają RGB i HSL?

RGB: 0–255 (liczby całkowite); H: 0–360; S/L: 0–100%.

Dlaczego CMYK różni się od rzeczywistego wydruku?

Na CMYK wpływ mają papier, farba, urządzenie i konfiguracja ICC; pokazywane wartości są przybliżeniem, a finalny efekt wymaga wydruków próbnych.

Czy obsługiwany jest kanał alpha (rgba()/hsla())?

Jeszcze nie; użyj rgba()/hsla() lub trzymaj wartość alpha osobno.

Dlaczego podgląd lub wartości różnią się od tych w aplikacjach graficznych/przeglądarkach?

Powodem są różnice w zarządzaniu kolorem, algorytmach renderingu i kalibracji ekranów. Narzędzie liczy w sRGB; wyniki traktuj jako referencję.

Czy wspiera szeroki gamut (P3/Display‑P3)?

Obecnie obliczenia opierają się na sRGB; dla workflow P3 weryfikuj na docelowym urządzeniu z odpowiednimi profilami ICC.

Czy mogę konwertować CMYK z powrotem na HEX/RGB?

Tak, ale CMYK → kolor ekranowy jest tylko przybliżeniem; w profesjonalnym druku potrzebne są profile ICC i wydruki próbne.