Question 1

Formaty kolorów

Accepted Answer

Kolory web mogą być wyrażone w kilku formatach. HEX, RGB i HSL to trzy najczęściej używane formaty w CSS i narzędziach projektowych. Każdy reprezentuje ten sam kolor inaczej, a konwersja między nimi jest niezbędna w przepływie pracy front-endu.

Question 2

HEX, RGB, HSL

Accepted Answer

HEX (#rrggbb) koduje kanały czerwony, zielony i niebieski jako dwie cyfry szesnastkowe każdy (00–ff), np. #3b82f6. RGB (rgb(r, g, b)) wyraża każdy kanał jako liczbę całkowitą od 0 do 255, np. rgb(59, 130, 246). HSL (hsl(h, s%, l%)) używa odcienia (0–360°), nasycenia (0–100%) i jasności (0–100%) — bardziej intuicyjny model do regulacji kolorów, np. hsl(217, 91%, 60%).

Question 3

Selektor kolorów

Accepted Answer

Kliknij próbkę koloru na górze, aby otworzyć natywny selektor kolorów przeglądarki. Wybranie koloru automatycznie zaktualizuje wszystkie trzy pola formatu.

Question 4

When to use HEX vs RGB vs HSL

Accepted Answer

Use HEX when working with CSS shorthand or design tools — it is the most compact notation and widely recognized by designers. Use RGB when you need to manipulate individual color channels programmatically (e.g., adjusting opacity with rgba()). Use HSL when you want intuitive color adjustments — changing hue rotates the color, changing saturation controls vividness, and changing lightness controls brightness. HSL is the most human-friendly format for creating color palettes and design systems.

Question 5

How to convert HEX to RGB

Accepted Answer

Paste a HEX color value (e.g. #3b82f6) into the HEX field and the RGB and HSL equivalents update instantly. You can also type RGB or HSL values directly — all three fields stay in sync. Click any Copy button to copy the value to your clipboard.

Konwerter Kolorów

Formaty kolorów

HEX, RGB, HSL

Selektor kolorów

Prywatność