Przejdź do treści
Logo CrateX.app

CrateX.app

Konwerter kolorów

Konwerter kolorów

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.

HEX

#

RGB

HSL

CMYK
Konwerter kolorów

Szybki start

1
Wybierz lub wpisz: podaj dowolny obsługiwany format (#1E90FF, rgb(30,144,255), hsl(210,100%,56%)) albo użyj próbnika koloru.
2
Automatyczna konwersja: wpisanie w jednym formacie natychmiast przelicza i aktualizuje pozostałe.
3
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).

Dodatkowy scenariusz

wybierak kolorów, konwerter kodu koloru i konwerter hsl można obsłużyć w tym samym przepływie, aby szybciej sprawdzić wynik przed kopiowaniem lub eksportem.

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

5

Przejdź do kolejnego kroku z tymi powiązanymi narzędziami.