Nazwy kolorów HTML

Wszystkie narzędzia Bezpłatnie

Przeglądaj wszystkie 140 standardowych nazwanych kolorów CSS/HTML w pięknej siatce próbek — wyszukuj według nazwy lub hex, filtruj według rodziny kolorów i kopiuj wartość hex, rgb() lub hsl() dowolnego koloru jednym kliknięciem. W przeglądarce, bezpłatnie.

Wszystkie 140 standardowych nazwanych kolorów CSS/HTML wraz z ich wartościami hex, RGB i HSL. Wszystko działa w Twojej przeglądarce na podstawie wbudowanego wykazu — nic nie jest wysyłane na serwer.

Żaden kolor nie pasuje do wyszukiwania.
Spróbuj innej nazwy lub hex — na przykład RebeccaPurple, #00FF00 lub teal.

O Nazwy kolorów HTML

Ten odnośnik prezentuje wszystkie 140 standardowych, nazwanych kolorów CSS/HTML — pełną listę rozumianą przez przeglądarki, od AliceBlue po YellowGreen — jako responsywną siatkę próbek. Każda próbka pokazuje sam kolor wraz z jego nazwą i wartością szesnastkową, a kliknięcie w nią otwiera jego formy hex, rgb() i hsl(), każdą kopiowalną jednym kliknięciem.

Możesz wyszukiwać po nazwie lub wartości szesnastkowej — Tomato i #FF6347 znajdują tę samą próbkę — oraz filtrować według rodziny: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites oraz Grays & Blacks. Widok rodziny to najszybszy sposób na skrócenie listy kandydatów, gdy z grubsza znasz odcień, którego szukasz.

Nazwane kolory są przydatne w prototypach, przykładach kodu, wypełnieniach SVG i nauczaniu, ponieważ nazwa taka jak RebeccaPurple przekazuje intencję lepiej niż trójka szesnastkowa. Wartości RGB i HSL są wyprowadzane w Twojej przeglądarce z wartości szesnastkowej każdego koloru, a nic z tego, czego szukasz, nie jest wysyłane do serwera.

Jak korzystać z Nazwy kolorów HTML

  1. Wyszukaj po nazwie koloru lub wartości szesnastkowej — na przykład Tomato, teal lub #00FF00.
  2. Filtruj według rodziny — Reds, Blues, Grays i tak dalej — aby skrócić listę kolorów w jednym zakresie odcienia.
  3. Kliknij próbkę, aby natychmiast skopiować jej wartość szesnastkową.
  4. Otwórz wyskakujące okno próbki, aby zamiast tego skopiować formę rgb() lub hsl().

Najczęściej zadawane pytania

We współczesnym CSS istnieje 140 standardowych nazwanych kolorów, rozszerzających pierwotne 16 kolorów HTML o większą listę wywodzącą się z X11. Każda aktualna przeglądarka obsługuje wszystkie z nich, w każdej właściwości akceptującej kolor.

Nie. tomato, Tomato i TOMATO są wszystkie prawidłowe i identyczne w CSS i HTML. Formy z wielką literą na początku każdego słowa pokazane tutaj to jedynie konwencjonalna pisownia, która czyni wielowyrazowe nazwy, takie jak LightGoldenrodYellow, czytelnymi.

Nazwy świetnie sprawdzają się w przykładach, prototypach i jednorazowych akcentach; palety produkcyjne zazwyczaj żyją w niestandardowych właściwościach z wartościami hex, rgb() lub hsl(), ponieważ kolory systemu projektowego rzadko dokładnie odpowiadają nazwanemu kolorowi. Funkcjonalnie nazwa i jej wartość szesnastkowa są wymienne.

CSS zawiera obie pisownie dla gray i jego wariantów — gray/grey, darkgray/darkgrey i tak dalej — mapując każdą parę na tę samą wartość, więc żadna pisownia nie jest błędna.

Tak. Wszystkie 140 próbek, wyszukiwanie, filtry rodzin oraz kopiowanie hex/rgb()/hsl() są darmowe i działają całkowicie w Twojej przeglądarce.
Udostępnij
Powiązane narzędzia
Kody statusu HTTP Sprawdzaj każdy kod statusu odpowiedzi HTTP (1xx–5xx) w przeszukiwalnym, filtrowalnym katalogu — a następnie otwórz dowolny kod, aby zobaczyć, co oznacza, kiedy go używać, czy można go buforować i którą definiuje go RFC. W przeglądarce, bezpłatnie. Bezpłatnie
Metody HTTP Przejrzysty wykaz każdej metody żądania HTTP — GET, POST, PUT, PATCH, DELETE i pozostałych, plus WebDAV — pokazujący na pierwszy rzut oka, czy każda jest bezpieczna, idempotentna i buforowalna, czy przyjmuje treść oraz typowy przykład. W przeglądarce, bezpłatnie. Bezpłatnie
Wykaz nagłówków HTTP Sprawdzaj popularne nagłówki żądań i odpowiedzi HTTP w przeszukiwalnym katalogu — filtruj według kierunku i kategorii, czytaj jednowierszowy opis i realistyczny przykład oraz kopiuj dowolną nazwę nagłówka jednym kliknięciem. W przeglądarce, bezpłatnie. Bezpłatnie
Typy rekordów DNS Przeglądaj każdy popularny typ rekordu DNS — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA i więcej — z jego przeznaczeniem, kopiowalnym przykładem pliku strefy i kategorią. Wyszukuj i filtruj błyskawicznie, w przeglądarce, bezpłatnie. Bezpłatnie
Numery portów TCP/UDP Sprawdzaj dobrze znane i powszechnie używane porty sieciowe w przeszukiwalnej tabeli — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB i ponad 120 innych, każdy z protokołem transportowym, usługą, opisem i kategorią. Wyszukuj według numeru portu lub nazwy usługi i kopiuj wartości błyskawicznie. W przeglądarce, bezpłatnie. Bezpłatnie
Kalkulator podsieci / CIDR Oblicz podsieci IPv4 na podstawie CIDR lub maski: sieć, rozgłoszenie, zakres hostów, maskę wieloznaczną i więcej. Bezpłatnie
Potrzebujesz pomocy?
Masz problem z tym narzędziem? Daj nam znać.
Zgłoś problem

Dodaj to darmowe narzędzie do swojej witryny — skopiuj i wklej poniższy kod.