Pomocnik kolorów do pisania HTML i CSS. Wpisz dowolny kolor jako #3498db, rgb(52,152,219), hsl(204,70%,53%) albo nazwę CSS, np. dodgerblue, a zakładka Konwertuj natychmiast pokaże każdy równoważny format, gotowe do wklejenia deklaracje CSS oraz sugestię koloru czarnego lub białego dla tekstu. Zakładka Nazwane wypisuje wszystkie 148 słów kluczowych kolorów CSS, w tym rebeccapurple (z wyszukiwaniem, kliknij, aby skopiować), a Web Safe oferuje klasyczną 216-kolorową paletę. Wszystko działa lokalnie — bez wysyłania, bez serwera. To narzędzie jest zorientowane na kod; do pracy projektowej (palety, gradienty, kontrast, mieszanie) zobacz też Próbnik kolorów.
Tryb:
Wybierz lub wpisz kolor - ekwiwalenty i fragmenty CSS aktualizują się na żywo.
Te kolory są renderowane bez rozpraszania na klasycznych wyświetlaczach 256-kolorowych.
Jak formaty się odnoszą:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). Odcień HSL jest w stopniach (0-360), nasycenie i jasność w procentach. Alfa (#RRGGBBAA, rgba(), hsla()) jest odczytywana i przenoszona do każdego wyniku. Nazwy słów kluczowych CSS są dopasowywane najpierw dokładnie; gdy żadne nie pasuje, sugerowane jest najbliższe z 148 słów kluczowych jako wskazówka projektowa.
Czym jest kod koloru CSS?
Kod koloru CSS to liczbowy przepis na jeden kolor na ekranie: ile światła czerwonego, zielonego i niebieskiego zmieszać. Każda notacja — sześciocyfrowy hex jak #3498db, funkcyjna rgb(52, 152, 219), hsl(204, 70%, 53%) i 148 predefiniowanych słów kluczowych — rozwiązuje się do tej samej 24-bitowej wartości sRGB. Hex i rgb() podają kanały wprost, a hsl() opisuje kolor jako kąt na kole barw plus nasycenie i jasność, co często łatwiej rozumować przy dostrajaniu odcieni.
256 poziomów na kanał daje 16 777 216 adresowalnych kolorów; formy 8-cyfrowe (#RRGGBBAA, rgba(), hsla()) po prostu dołączają wartość alfa (krycie) do tego samego koloru.
