Generator kodów kolorów

Wybierz kolor i natychmiast sprawdź kody HEX, RGB i HSL — plus kolor dopełniający i nazwę CSS.

Natychmiastowy wynik Działa w przeglądarce
Kod HEX
#3D7EF7
Wartości RGB
rgb(61, 126, 247)
Wartości HSL
hsl(218, 91%, 60%)
Nazwa koloru
—
Kolor dopełniający
#F7823D

Przewodnik po modelach kolorów

HEX  → #RRGGBB
RGB  → 0–255 per ch.
HSL  → 0–360° / 0–100%
WCAG → min 4.5:1

HEX jest zwięzły dla CSS. RGB odpowiada pikselom ekranu. HSL jest intuicyjny dla projektantów — niezależnie reguluj odcień, nasycenie i jasność.

Jak używać?

  1. 1
    Wybierz kolorKliknij selektor kolorów i wybierz dowolny kolor. Wszystkie kody formatów aktualizują się natychmiast.
  2. 2
    Zobacz wszystkie formatyJednocześnie wyświetlany jest kod HEX, wartości RGB, wartości HSL, nazwa CSS koloru (jeśli dostępna) i kolor dopełniający.
  3. 3
    Skopiuj swój kodKliknij przycisk kopiowania obok HEX, RGB lub HSL, aby zapisać wartość do schowka dla CSS lub narzędzi projektowych.

FAQ

Co to jest kod koloru HEX?
Kod koloru HEX to 6-cyfrowa liczba szesnastkowa (#RRGGBB) reprezentująca intensywności kanałów czerwonego, zielonego i niebieskiego. Każda para waha się od 00 (brak) do FF (pełny = 255). HEX obsługuje 16,7 miliona kolorów (256³) i jest standardowym formatem dla CSS i narzędzi do projektowania stron.
Jaka jest różnica między RGB a HSL?
RGB opisuje kolor jako trzy intensywności światła (czerwony, zielony, niebieski) 0–255, pasując do działania monitorów. HSL używa odcienia (0–360°), nasycenia (0–100%) i jasności (0–100%). HSL jest bardziej intuicyjny dla projektantów — zmień odcień, aby przesunąć rodzinę kolorów, nasycenie dla żywości, jasność dla jasności.
Co to jest kolor dopełniający?
Kolor dopełniający leży dokładnie naprzeciwko na kole kolorów (180° odcienia od siebie). Pary dopełniające tworzą maksymalny kontrast: Czerwony ↔ Cyjan, Zielony ↔ Magenta, Niebieski ↔ Żółty.

Modele kolorów w projektowaniu stron

Kolor w internecie jest reprezentowany przez trzy główne modele: HEX (szesnastkowy), RGB (czerwony-zielony-niebieski) i HSL (odcień-nasycenie-jasność). Każdy służy innym celom w CSS, projektowaniu stron i teorii kolorów.

Kody kolorów HEX

HEX to najczęstszy format kolorów w tworzeniu stron. Zapisywany jako #RRGGBB, obsługuje 16 777 216 kolorów i jest używany wszędzie: CSS, HTML, Figma, Photoshop i wytyczne brandingowe.

Dostępność WCAG

Około 8% mężczyzn ma zaburzenia widzenia kolorów. WCAG 2.1 AA wymaga współczynnika kontrastu co najmniej 4,5:1 dla normalnego tekstu. Nigdy nie przekazuj informacji tylko przez kolor.

Prywatność

Wszystkie obliczenia wykonywane są w przeglądarce. Żadne dane nie są wysyłane na serwer.

Komentarze