Wybór koloru
Wybierz kolor na polu wizualnym i uzyskaj kod HEX, RGB i HSL.
- Natychmiast
- Za darmo
- Prywatnie (przetwarzane lokalnie)
- Bez rejestracji
Jeden kolor, wszystkie jego kody
Wybierz kolor wizualnie, dostosuj odcień i krycie i uzyskaj kody HEX, RGB i HSL gotowe do wklejenia w CSS. Kliknij wartość, aby ją skopiować.
-
Ustaw odcień
Tęczowy suwak wybiera kolor bazowy.
-
Dopracuj na polu
Nasycenie poziomo, jasność pionowo.
-
Skopiuj kod
HEX, RGB lub HSL, z kryciem w razie potrzeby.
Przykład: żywy pomarańczowy
| Format | Wartość |
|---|---|
| HEX | #FF8800 |
| RGB | rgb(255, 136, 0) |
| HSL | hsl(32, 100%, 50%) |
Standardowe konwersje sRGB, wartości zaokrąglone do całości. Wszystko liczone w przeglądarce.
Najczęstsze pytania
Jak działa pole koloru?
Duży kwadrat pokazuje nasycenie (od lewej do prawej) i jasność (od dołu do góry) dla odcienia wybranego suwakiem. Kliknij lub przeciągnij, aby wybrać; odczyt HEX/RGB/HSL aktualizuje się na żywo.
Jaka różnica między HEX, RGB i HSL?
HEX to zwięzły kod szesnastkowy (#FF8800). RGB opisuje kolor składowymi czerwoną, zieloną, niebieską (rgb(255, 136, 0)). HSL — odcieniem, nasyceniem, jasnością (hsl(32, 100%, 50%)) — intuicyjniej do regulacji odcienia.
Do czego służy krycie?
Steruje przezroczystością (kanał alfa). Poniżej 100% kody stają się rgba()/hsla(), a HEX zyskuje dwa znaki (np. #FF8800CC). Przydatne do nakładek i cieni.
Czy kolor jest dokładny dla sieci?
Tak: wartości liczone są standardowymi konwersjami sRGB i zaokrąglane do liczb całkowitych. Skopiuj format pasujący do twojego CSS. Wszystko liczone lokalnie, nic nie jest wysyłane.