Generator kolorów

Wybierz kolor i konwertuj między HEX, RGB, HSL

#
Odcienie (jasne → ciemne)
Kolor komplementarny
Kolory analogiczne
Kontrast WCAG
#ffffff
Przykładowy tekst
Współczynnik kontrastu
WCAG AA
WCAG AAA

Jak używać

Jak używać

  1. Kliknij na polu koloru aby otworzyć selektor
  2. Lub wpisz kolor w formacie HEX, RGB lub HSL
  3. Wartości we wszystkich formatach zaktualizują się automatycznie
  4. Kliknij „Kopiuj" przy wybranym formacie

Generator i konwerter kolorów

Profesjonalny color picker z konwersją między formatami HEX, RGB, HSL i HSB. Wybierz kolor wizualnie lub wpisz wartość w dowolnym formacie.

Generuj palety kolorów: monochromatyczne, komplementarne, analogiczne, triadyczne. Sprawdzaj kontrast tekst/tło wg standardu WCAG AA/AAA.

Najczęściej zadawane pytania

Czym różni się HEX od RGB?
HEX (#FF5733) i RGB (rgb(255,87,51)) to różne sposoby zapisu tego samego koloru. HEX używa szesnastkowej notacji i jest popularny w CSS/HTML. RGB opisuje kolor jako mieszankę czerwonego, zielonego i niebieskiego (0-255).
Co to jest HSL?
HSL opisuje kolor przez Hue (odcień, 0-360°), Saturation (nasycenie, 0-100%) i Lightness (jasność, 0-100%). Jest bardziej intuicyjny niż RGB — łatwiej stworzyć jaśniejszą lub ciemniejszą wersję koloru.
Jak sprawdzić kontrast kolorów?
Generator pokazuje współczynnik kontrastu tekst/tło wg standardu WCAG. Minimum 4.5:1 dla normalnego tekstu (AA) i 7:1 dla najwyższego standardu (AAA). Wynik wyświetla się jako pass/fail.