Разгледайте всичките 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().

Често задавани въпроси

Има 140 стандартни именувани цвята в съвременния CSS, разширяващи оригиналните 16 HTML цвята с по-големия списък, произлизащ от X11. Всеки съвременен браузър ги поддържа всичките, във всяко свойство, приемащо цвят.

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

Имената са страхотни за примери, прототипи и еднократни акценти; продукционните палитри обикновено живеят в custom properties с hex, rgb() или hsl() стойности, защото цветовете на дизайн системата рядко съвпадат точно с именуван цвят. Функционално, име и шестнадесетичната му стойност са взаимозаменяеми.

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

Да. Всичките 140 мостри, търсенето, филтрите по семейство и копирането на hex/rgb()/hsl() са безплатни и работят изцяло в браузъра ви.

Сподели
Нуждаете се от помощ?
Открихте проблем с този инструмент? Кажете ни.
Докладване на проблем

Добавете този безплатен инструмент към собствения си уебсайт — копирайте и поставете кода по-долу.