Reklama

Konwertuj kolory między HEX, RGB, RGBA, HSL, HSLA, HSV i CMYK — wybierz kolor, dostosuj alfę i błyskawicznie skopiuj dowolny format.

#FFFFFF
Kanały
R
G
B
Formaty kolorów

Wpisz dowolną wartość HEX, RGB(A) lub HSL(A), a każdy inny format zaktualizuje się natychmiast.

Szybka paleta

Przewodnik po formatach kolorów

HEX to 6-cyfrowy kod szesnastkowy, jak #3B82F6, który przechowuje kanały czerwony, zielony i niebieski (każdy 00–FF). To najczęstszy sposób definiowania kolorów w HTML i CSS.

8-cyfrowy HEX, jak #3B82F6CC, dodaje końcową parę cyfr dla przezroczystości (alfa). Używaj go do przezroczystych kolorów w nowoczesnym CSS bez osobnej wartości rgba().

RGB określa kolor wartościami czerwieni, zieleni i niebieskiego od 0 do 255, np. rgb(59, 130, 246). Odpowiada sposobowi emisji światła przez ekrany i jest idealny do projektowania cyfrowego.

RGBA to RGB z kanałem alfa od 0 (przezroczysty) do 1 (nieprzezroczysty), np. rgba(59, 130, 246, 0.5). Używaj go do nakładek, cieni i efektów po najechaniu.

HSL opisuje kolor przez barwę (0–360°), nasycenie i jasność, np. hsl(217, 91%, 60%). Jest intuicyjny do regulacji kolorów i ręcznego tworzenia palet.

HSLA to HSL z kanałem alfa dla przezroczystości, np. hsla(217, 91%, 60%, 0.5). Łączy czytelność HSL z kontrolą przezroczystości.

HSV, zwany też HSB, używa barwy, nasycenia i wartości (jasności), np. hsv(217, 76%, 96%). To model próbników kolorów w większości programów graficznych.

CMYK to model subtraktywny z procentami cyjanu, magenty, żółtego i czerni (key), np. cmyk(76%, 47%, 0%, 4%). To standard druku, więc kluczowe kolory potwierdzaj z profilem swojej drukarni.

Do stron używaj HEX lub RGB, a dla przezroczystości dodaj alfę (RGBA, HSLA lub 8-cyfrowy HEX). Sięgaj po HSL lub HSV do tworzenia palet, a po CMYK przy przygotowaniu plików do druku.
Reklama


Popularne wyszukiwania
konwerter kodów kolorów hex na rgb rgb na hex hex na hsl konwersja formatów kolorów konwerter kolorów online
Potrzebujesz pomocy?
Masz problem z tym narzędziem? Daj nam znać.
Zgłoś problem

Dodaj to darmowe narzędzie do swojej witryny — skopiuj i wklej poniższy kod.