HEX · RGB · HSL · HSV · CMYK
Konwerter kolorów RGB–HEX i kontrastu
Konwertuj kolory HEX, RGB, HSL, HSV i CMYK, ustawiaj przezroczystość, sprawdzaj kontrast WCAG i kopiuj gotowy kod CSS.
HEX · RGB · HSL · HSV · CMYK · WCAG
Studio RGB–HEX i kontrola kontrastu
Konwertuj kolory HEX, RGB, HSL, HSV i CMYK, ustawiaj przezroczystość, sprawdzaj kontrast WCAG i kopiuj gotowy kod CSS.
Bieżący kolor
Kanały RGBA
Modele kolorów
HSL
HSV
CMYK
Formaty kolorów
Podgląd interfejsu
Podgląd przycisku
Ten tekst pokazuje czytelność wybranych kolorów.
Podgląd przycisku
Ten tekst pokazuje czytelność wybranych kolorów.
Dostępność i kontrast
Ten tekst pokazuje czytelność wybranych kolorów.
Harmonie kolorów
Ostatnie kolory
Dane koloru
Kolory ekranu i druku mogą się różnić; studio działa w sRGB.
Jak przelicza się wartości RGB na HEX?
Każdy kanał od 0 do 255 staje się dwucyfrową parą szesnastkową; czerwony, zielony i niebieski tworzą #RRGGBB.
Co oznacza wartość alfa?
Alfa steruje kryciem od pełnej przezroczystości do pełnego pokrycia. Ośmiocyfrowy HEX zapisuje ją w ostatniej parze.
Sprawdź dostępność
Wyniki WCAG mają także etykiety tekstowe. Zwykły tekst wymaga 4,5:1 dla AA, a duży tekst 3:1.
Wzory
HEX = #RR GG BB [AA]q = ⌊x ÷ 16⌋ · r = x − 16q255 = 16 × 15 + 15 → FFWspółczynnik kontrastu = (Lₘₐₓ + 0.05) ÷ (Lₘᵢₙ + 0.05)FAQ konwertera RGB–HEX
Jak przelicza się wartości RGB na HEX?
Każdy kanał od 0 do 255 staje się dwucyfrową parą szesnastkową; czerwony, zielony i niebieski tworzą #RRGGBB.
Co oznacza wartość alfa?
Alfa steruje kryciem od pełnej przezroczystości do pełnego pokrycia. Ośmiocyfrowy HEX zapisuje ją w ostatniej parze.
Jak stworzyć dostępną paletę?
Sprawdź kontrast tekstu i tła, nie polegaj wyłącznie na kolorze oraz testuj stany interaktywne.
Dlaczego kolor wydruku może różnić się od ekranu?
Ekrany emitują światło RGB, a drukarki mieszają atramenty; na wynik wpływają papier, profile i kalibracja.
Katalog konwerterów jednostek
Potrzebujesz kolejnego konwertera jednostki?
Przeglądaj pełną kolekcję konwerterów jednostek pod kątem długości, wagi, temperatury, objętości, powierzchni, energii, ciśnienia, prędkości, siły, momentu obrotowego, jednostek elektrycznych, przechowywania danych, zużycia paliwa, rozmiarów odzieży i rozmiarów butów.
Zwierzęta, katalog narzędzi & stron cyfrowych
Potrzebujesz kolejnego zwierzaka lub narzędzia cyfrowego?
Przejrzyj kolekcję narzędzi dla zwierząt, cyfrowych i stron dotyczących wieku psa, wieku kota, karmy dla psów, karmy dla kotów, szacunków dawkowania dla zwierząt, palet kolorów, przechowywania danych, gęstości pikseli oraz konwersji RGB do HEX.