Назви HTML-кольорів

Всі інструменти Безкоштовно

Переглядайте всі 140 стандартних іменованих кольорів CSS/HTML у красивій сітці зразків — шукайте за назвою чи шістнадцятковим кодом, фільтруйте за родиною кольорів та копіюйте значення hex, rgb() або hsl() будь-якого кольору одним клацанням. У браузері, безкоштовно.

Усі 140 стандартних іменованих кольорів CSS/HTML з їхніми значеннями hex, RGB та HSL. Усе виконується у вашому браузері з вбудованого довідника — нічого не надсилається на сервер.

Жоден колір не відповідає вашому пошуку.
Спробуйте іншу назву чи hex — наприклад, RebeccaPurple, #00FF00 або teal.

Про Назви HTML-кольорів

Цей довідник представляє всі 140 стандартних іменованих кольорів CSS/HTML — повний список, який розуміють браузери, від AliceBlue до YellowGreen — у вигляді адаптивної сітки зразків. Кожен зразок показує сам колір із його назвою та шістнадцятковим значенням, а клік на нього відкриває його форми hex, rgb() і hsl(), кожна з яких копіюється одним кліком.

Ви можете шукати за назвою чи шістнадцятковим значенням — Tomato і #FF6347 знаходять один і той самий зразок — і фільтрувати за родиною: Reds, Pinks, Oranges, Yellows, Browns, Greens, Cyans, Blues, Purples, Whites та Grays & Blacks. Перегляд за родиною — найшвидший спосіб скласти короткий список кандидатів, коли ви приблизно знаєте потрібний відтінок.

Іменовані кольори зручні для прототипів, прикладів коду, заливок SVG і навчання, тому що назва на кшталт RebeccaPurple передає намір краще, ніж шістнадцяткова трійка. Значення RGB і HSL обчислюються у вашому браузері з шістнадцяткового значення кожного кольору, і ніщо з того, що ви шукаєте, не надсилається на сервер.

Як використовувати Назви HTML-кольорів

  1. Шукайте за назвою кольору чи шістнадцятковим значенням — наприклад Tomato, teal або #00FF00.
  2. Фільтруйте за родиною — Reds, Blues, Grays тощо — щоб скласти короткий список кольорів в одному діапазоні відтінків.
  3. Натисніть на зразок, щоб миттєво скопіювати його шістнадцяткове значення.
  4. Відкрийте спливаюче вікно зразка, щоб натомість скопіювати форму rgb() чи hsl().

Часті запитання

У сучасному CSS є 140 стандартних іменованих кольорів, що розширюють початкові 16 кольорів HTML більшим списком, похідним від X11. Кожен сучасний браузер підтримує їх усі в будь-якій властивості, що приймає колір.

Ні. tomato, Tomato і TOMATO — усі дійсні й однакові в CSS та HTML. Форми з великими літерами всередині слова, показані тут, — це лише прийняте написання, яке робить читабельними багатослівні назви на кшталт LightGoldenrodYellow.

Назви чудові для прикладів, прототипів і одноразових акцентів; виробничі палітри зазвичай живуть у користувацьких властивостях зі значеннями hex, rgb() чи hsl(), тому що кольори дизайн-системи рідко точно збігаються з іменованим кольором. Функціонально назва та її шістнадцяткове значення взаємозамінні.

CSS включає обидва написання для gray та його варіантів — gray/grey, darkgray/darkgrey тощо — зіставляючи кожну пару з тим самим значенням, тож жодне написання не є неправильним.

Так. Усі 140 зразків, пошук, фільтри за родинами та копіювання hex/rgb()/hsl() безкоштовні й повністю працюють у вашому браузері.
Поділитися
Пов'язані інструменти
Коди стану HTTP Шукайте будь-який код стану відповіді HTTP (1xx–5xx) у каталозі з пошуком та фільтрами — потім відкрийте будь-який код, щоб дізнатися, що він означає, коли його використовувати, чи кешується він і який RFC його визначає. У браузері, безкоштовно. Безкоштовно
Методи HTTP Зручний для перегляду довідник усіх методів запитів HTTP — GET, POST, PUT, PATCH, DELETE та інші, плюс WebDAV — який з першого погляду показує, чи є кожен із них безпечним, ідемпотентним та кешованим, чи приймає тіло, а також типовий приклад. У браузері, безкоштовно. Безкоштовно
Довідник заголовків HTTP Шукайте поширені заголовки запитів і відповідей HTTP у каталозі з пошуком — фільтруйте за напрямком і категорією, читайте однорядковий опис та реалістичний приклад і копіюйте будь-яку назву заголовка одним клацанням. У браузері, безкоштовно. Безкоштовно
Типи DNS-записів Переглядайте всі поширені типи DNS-записів — A, AAAA, CNAME, MX, TXT, NS, SOA, PTR, SRV, CAA, DNSKEY, DS, TLSA та інші — з їхнім призначенням, прикладом для зонного файлу, який можна скопіювати, та категорією. Пошук і фільтрація миттєво, у браузері, безкоштовно. Безкоштовно
Номери TCP/UDP-портів Шукайте загальновідомі та широко використовувані мережеві порти в таблиці з пошуком — FTP, SSH, HTTP, HTTPS, MySQL, Postgres, RDP, Redis, MongoDB та ще 120+, кожен зі своїм транспортним протоколом, службою, описом і категорією. Шукайте за номером порту чи назвою служби та миттєво копіюйте значення. У браузері, безкоштовно. Безкоштовно
Калькулятор підмереж / CIDR Обчислюйте підмережі IPv4 за CIDR або маскою: мережа, широкомовна адреса, діапазон вузлів, зворотна маска тощо. Безкоштовно
Потрібна допомога?
Виникла проблема з цим інструментом? Повідомте нас.
Повідомити про проблему

Додайте цей безкоштовний інструмент на власний вебсайт — скопіюйте та вставте код нижче.