Konwerter kodów kolorów

Wszystkie narzędzia

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.
Udostępnij
Powiązane narzędzia
Wyszukiwarka nazwanych kolorów Znajdź najbliższy nazwany kolor CSS i najbliższy odcień Tailwind dla dowolnego koloru — dopasowane percepcyjnie, z wartościami gotowymi do kopiowania. Bezpłatnie
Picker kolorów z ekranu Próbkuj dowolny piksel na ekranie za pomocą kroplomierza, lub wybierz kolory z upuszczonego obrazu, i zbierz je w gotową do kopiowania paletę. Bezpłatnie
Dopasowanie kolorów Pantone Wyszukaj dowolny kod Pantone solid-coated, aby odczytać jego wartości HEX, RGB i CMYK, lub wprowadź kolor HEX/RGB i natychmiast znajdź najbliższe dopasowanie Pantone — wszystko w Twojej przeglądarce. Bezpłatnie
Generator gradientu Twórz liniowe, radialne i stożkowe gradienty CSS od podstaw z przeciągalną kontrolą wielu przystanków i wyselekcjonowanymi presetami. Kopiuj gotowy CSS natychmiast. Bezpłatnie
Generator palet kolorów Twórz harmonijne palety kolorów za pomocą interaktywnego koła barw — stosuj reguły harmonii, takie jak analogiczne, komplementarne lub triada, i kopiuj dowolną wartość natychmiast. Bezpłatnie
Eksporter palet Wklej lub zaimportuj zestaw kolorów i eksportuj je natychmiast do zmiennych CSS, SCSS, konfiguracji Tailwind, JSON lub próbek SVG — ostatni krok dla każdej palety. Bezpłatnie
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.