Поиск названия цвета

Определите название любого цвета: стандартные CSS названия, алгоритмические описания и маркетинговые имена

Выбор цвета

Current Color

#FF5733

Название цвета

Copy

#FF5733

Sunset Ember

Intense Warm Red

Alternative Names

Algorithmic

Intense Warm Red

Standard (CSS)

Copy

#FF6347

tomato(ΔE: 2.8)
Copy

#FF4500

orangered(ΔE: 4.2)
Copy

#FF7F50

coral(ΔE: 7.6)

Similar Colors

Closest color matches by perceptual distance (ΔE CIEDE2000)

Copy

#FF6347

tomato

#FF6347

ΔE: 2.8

Copy

#FF4500

orangered

#FF4500

ΔE: 4.2

Copy

#FF7F50

coral

#FF7F50

ΔE: 7.6

Copy

#FF0000

red

#FF0000

ΔE: 7.7

Copy

#D2691E

chocolate

#D2691E

ΔE: 9.3

Copy

#FA8072

darksalmon

#FA8072

ΔE: 10.3

Color Descriptions

Short

Sunset Ember (#FF5733)

Medium

A intense warm red color with hex code #FF5733. This warm and saturated shade is similar to tomato.

Long

This sunset ember embodies a intense warm red character. With its vibrant saturation and luminous lightness, it evokes warmth and energy. The color #FF5733 finds its closest match in the tomato, with a perceptual distance of 2.8 ΔE units.

Технические данные

Technical Data

FormatValues
HEX#FF5733
RGB255, 87, 51
HSL11°, 100%, 60%
LABL: 60.2, A: 62.1, B: 54.3
LCHL: 60.2, C: 82.5, H: 41°

Contrast with White

3.2:1

WCAG AA Large ✓

Contrast with Black

6.7:1

WCAG AA ✓

Color Tags

warmsaturated

Похожие инструменты

Откройте для себя другие полезные инструменты для работы с цветами

Полная инструкция по использованию инструмента поиска названия цвета

Color Name Finder — это инструмент для определения названий цветов. Он находит стандартные CSS названия, создает алгоритмические описания и предлагает маркетинговые имена для любого цвета.

Шаг 1: Выбор цвета

Используйте цветовой пикер или введите цвет вручную в формате HEX (#FF5733), RGB (rgb(255, 87, 51)) или HSL (hsl(9, 100%, 60%)). Инструмент автоматически определит формат.

Шаг 2: Просмотр названий

Инструмент покажет несколько вариантов названий: маркетинговое имя (например, 'Sunset Ember'), алгоритмическое описание (например, 'Vivid Warm Orange') и стандартные CSS названия с указанием расстояния ΔE.

Шаг 3: Похожие цвета

Просмотрите ближайшие цвета из словаря CSS, отсортированные по перцептуальному расстоянию (ΔE CIEDE2000). Вы можете выбрать любой похожий цвет, чтобы использовать его как основной.

Шаг 4: Описания

Получите три варианта описания цвета: короткое (1 строка), среднее (маркетинговое) и длинное (художественное). Вы можете настроить тон описания и редактировать длинное описание вручную.

Шаг 5: Технические данные

Просмотрите полные технические данные цвета: HEX, RGB, HSL, LAB, LCH, контрастность с белым и черным, а также цветовые теги (warm/cold, saturated/muted, dark/light).

Как использовать Color Name Finder: пошаговое руководство

Как найти название цвета

Введите цвет в любом формате (HEX, RGB, HSL) или выберите его с помощью цветового пикера. Инструмент автоматически найдет ближайшие стандартные названия и создаст алгоритмическое и маркетинговое имена.

Как использовать похожие цвета

Просмотрите список похожих цветов, отсортированных по перцептуальному расстоянию. Нажмите на любой цвет, чтобы использовать его как основной. Расстояние ΔE показывает, насколько близок цвет к стандартному названию.

Как настроить описание цвета

Выберите тон описания: neutral (нейтральный), marketing (маркетинговый) или artistic (художественный). Для художественного тона вы можете редактировать длинное описание вручную.

Как интерпретировать технические данные

LAB и LCH — это перцептуально равномерные цветовые пространства. Контрастность показывает соотношение яркости цвета с белым и черным. Теги помогают быстро понять характеристики цвета.

Часто задаваемые вопросы о Color Name Finder

Что такое ΔE (дельта E)?

ΔE — это мера перцептуального различия между двумя цветами. Чем меньше значение, тем более похожи цвета. ΔE < 1 означает, что цвета практически неразличимы для человеческого глаза.

Что такое алгоритмическое название цвета?

Алгоритмическое название создается на основе характеристик цвета (hue, saturation, lightness) и описывает цвет в терминах его визуальных свойств, например 'Vivid Warm Orange' или 'Muted Cool Blue'.

Что такое маркетинговое название цвета?

Маркетинговое название — это поэтическое или образное имя цвета, предназначенное для использования в дизайне и маркетинге, например 'Sunset Ember' или 'Ocean Whisper'.

Что такое LAB и LCH цветовые пространства?

LAB и LCH — это перцептуально равномерные цветовые пространства, где одинаковое изменение числового значения соответствует одинаковому визуальному изменению. LAB использует координаты L (светлота), A (краснота-зеленость), B (желтизна-синева). LCH использует L (светлота), C (насыщенность), H (оттенок).

Как интерпретировать контрастность?

Контрастность показывает соотношение яркости цвета с белым или черным. WCAG рекомендует минимальную контрастность 4.5:1 для обычного текста и 3:1 для крупного текста. Чем выше значение, тем лучше читаемость.