Nazwane kolory CSS
Przeglądaj wszystkie 148 nazwanych kolorów CSS z kodami hex. Filtruj według grupy, szukaj i kliknij, aby skopiować nazwę koloru.
O tym narzędziu
CSS definiuje 148 nazwanych kolorów, które można używać wszędzie tam, gdzie akceptowana jest wartość koloru — we właściwościach CSS, atrybutach SVG i atrybutach kolorów HTML. Nazwane kolory są łatwiejsze do odczytania niż kody hex.
Ta referencja zawiera listę wszystkich nazwanych kolorów z ich odpowiednikami hex, pogrupowanych według rodziny kolorów. Kliknij dowolną próbkę, aby skopiować nazwę koloru CSS do schowka.
Jak używać
- Przeglądaj pełną siatkę lub filtruj według grupy kolorów za pomocą listy rozwijanej.
- Szukaj według nazwy (np. "blue") lub kodu hex (np. "#0000ff").
- Kliknij dowolną próbkę, aby skopiować nazwę koloru CSS (np. cornflowerblue).
- Użyj nazwy bezpośrednio w CSS: color: cornflowerblue;
Przypadki użycia
Deweloperzy frontendowi szybko wyszukują nazwę koloru, który pamiętają wizualnie. Projektanci sprawdzają, który nazwany kolor CSS jest najbliższy kolorowi marki. Edukatorzy używają tej referencji podczas nauczania składni kolorów CSS. Deweloperzy używają nazwanych kolorów w prototypach i demach dla czytelności.
Często zadawane pytania
- Ile jest nazwanych kolorów CSS? CSS Color Level 4 definiuje 148 nazwanych kolorów, plus transparent i currentcolor.
- Czy nazwane kolory są takie same we wszystkich przeglądarkach? Tak. Nazwane kolory są w pełni ustandaryzowane i dają identyczne wyniki we wszystkich nowoczesnych przeglądarkach.
- Czy mogę używać nazwanych kolorów w SVG? Tak. SVG akceptuje te same nazwy kolorów CSS dla atrybutów fill i stroke.