Przejdź do treści
Konwerter godzin rozpoczęcia meczów MŚ jest dostępnySprawdź godziny rozpoczęcia w swojej strefie i dodaj przypomnienia w kalendarzu.
Logo CrateX.app

CrateX.app

Konwerter kolorów

Konwertuj lokalnie jeden kolor pomiędzy 6-cyfrowymi HEX, RGB, HSL i CMYK za pomocą próbnika kolorów, losowego koloru, podglądu na żywo, kontroli kanałów i gotowych do kopiowania ciągów CSS.

HEX

#

RGB

HSL

CMYK
Konwerter kolorów

Szybki start

1
Wprowadź 6-cyfrowy HEX lub kanały RGB/HSL/CMYK
2
Użyj próbnika albo koloru losowego i sprawdź zsynchronizowane wartości
3
Skopiuj ciąg CSS HEX, RGB, HSL albo CMYK

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.

Drukuj referencje

przekonwertuj kolor ekranu na CMYK jako pierwsze oszacowanie, a następnie potwierdź za pomocą korekty i przepływu pracy drukowania

Dostępność

użyj podglądu tylko do szybkiej kontroli wizualnej; użyj dedykowanego narzędzia kontrastu, aby uzyskać dokładne proporcje

Parametry konwersji i wyświetlania

Reguły wprowadzania: HEX obsługuje tylko 6 cyfr (#RRGGBB, bez #RGB, #RGBA, #RRGGBBAA lub alfa); RGB 0–255; H 0–360; S/L 0–100; CMYK 0–100. Przy wprowadzaniu wielkość liter nie jest uwzględniana
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 wartością przybliżoną: wartości zależą od profili ICC, papieru, atramentu, urządzeń i wydruku próbnego; użyj tego jako odniesienia, a nie wartości gotowej do druku
Brak alfa: to narzędzie nie przetwarza przezroczystości ani wartości rgba(), hsla(), #RGBA lub #RRGGBBAA.
Podzbiór kolorów CSS: nazwane kolory, przezroczysty, currentColor, HWB, HSV/HSB, Lab, LCH, OKLab, OKLCH, Display-P3, device-cmyk(), kolory względne, color-mix() i contrast-color() znajdują się poza tym narzędziem
Brak narzędzi do obrazków i palet: ta strona nie umożliwia próbkowania obrazów, zakraplacza ekranowego, generowania palet, generowania gradientów, sprawdzania współczynnika kontrastu, eksportowania zmiennych CSS ani eksportowania tokenów projektu

Prywatność i bezpieczeństwo

Przetwarzanie odbywa się w przeglądarce. Bieżący kolor, wartości kanałów, ustawienia wyjścia, precyzja dziesiętna, preferencja wielkich liter HEX, preferencja podglądu i lista ostatnich kolorów mogą pozostać w bieżącej sesji przeglądarki lub w pamięci przeglądarki. Jeśli zapiszesz obszar roboczy lub włączysz synchronizację WebDAV, bieżący kolor i ustawienia mogą zostać zapisane zgodnie z ustawieniami synchronizacji; ostatnie kolory nie są synchronizowane przez WebDAV. Ciągi HEX, RGB, HSL i CMYK są przeliczane z bieżącego koloru i ustawień, a nie zapisywane jako oddzielne wyniki. Ta strona nie czyta obrazów, nie pobiera próbek ekranu, nie pobiera adresów URL ani nie wysyła kolorów do konwersji po stronie serwera. Na współdzielonych urządzeniach w razie potrzeby wyczyść kolory, ustawienia i dane witryny.

Najczęstsze pytania

5

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

Zasoby

Poradniki

O nas

O nas
Cennik

Prawne

Regulamin
Polityka prywatności
Polityka cookies

Preferencje

Zarządzaj cookies

Całe przetwarzanie narzędzi odbywa się lokalnie w Twojej przeglądarce.