Przejdź do treści
Logo CrateX.app

CrateX.app

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).

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ę lokalnie w przeglądarce. Bieżącą zawartość możesz w każdej chwili zastąpić, wyczyścić i przetworzyć ponownie.

Najczęstsze pytania

5

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