Цвет в название: ближайшие CSS и ISCC-NBS
«Цвет в название» сравнивает введённый цвет с двумя системами именования: 148 именованными цветами CSS и центроидами ISCC-NBS. Он определяет ближайшее совпадение в каждой системе, используя OKLab для сравнения CSS, и сообщает расстояние для обоих результатов, чтобы можно было оценить близость каждого имени. Используйте совпадения для сообщения или документирования выбора цвета.
«Цвет в название» — это браузерный инструмент именования цветов, находящий ближайшее имя цвета CSS и совпадение ISCC-NBS для введённого цвета. Он возвращает два результата вместо навязывания одной системы именования: ближайшее совпадение среди 148 именованных цветов CSS и ближайший центроид ISCC-NBS. Каждый результат включает расстояние, чтобы можно было оценить, насколько близко имя представляет ваш цвет.
Для результата CSS инструмент сравнивает цвета в OKLab и выбирает ближайший именованный цвет. Для результата ISCC-NBS он находит ближайший центроид в этой системе именования цветов. Перед просмотром результатов можно настроить доступные опции, хотя их конкретные эффекты здесь не перечислены. Значения расстояния дают полезный контекст, когда цвет находится между именованными совпадениями.
Именованные цвета CSS и имена ISCC-NBS служат разным потребностям цветовых справочников. Имя CSS полезно, когда нужно описать цвет одним из 148 имён набора CSS; ISCC-NBS предоставляет стандартную систему именования, используемую в биологии и дизайне. Сравнение обоих результатов помогает сообщать, просматривать или документировать цвет с помощью соглашения об именовании, подходящего под вашу работу.
«Цвет в название» работает полностью в вашем браузере. Ваш ввод обрабатывается на вашем устройстве и не загружается, не сохраняется и не отправляется на сервер. После загрузки страницы инструмент работает офлайн, так что им можно пользоваться без активного подключения.
Инструмент полезен разработчикам, дизайнерам и всем, кому нужно чёткое имя для цвета. Он также помогает DevOps-инженерам и другим техническим командам проверять или документировать значения цвета без установки ПО локально. Используйте два совпадения и их расстояния, чтобы ссылки на цвета было легче сравнивать и ими делиться.
Шаг 1: Введите или вставьте цвет в инструмент. Инструмент сравнивает ваш ввод с цветовыми справочниками CSS и ISCC-NBS.
Шаг 2: При необходимости настройте доступные опции. Инструмент включает опции для настройки, хотя их конкретные эффекты здесь не описаны.
Шаг 3: Просмотрите оба именованных совпадения и их расстояния. Расстояние помогает оценить, насколько близко каждое имя соответствует вашему входному цвету.
Шаг 4: Скопируйте результат для ваших заметок или проекта. Держите совпадения CSS и ISCC-NBS вместе, когда нужно сравнить две системы именования.
Пример использования: Найдите именованный цвет для дизайн-значения без установки локального инструмента. Два результата облегчают сравнение имени CSS с именем ISCC-NBS.
Пример использования: Проверьте цвет на любом компьютере, которым пользуетесь. Браузерный инструмент избавляет от необходимости настраивать ПО локально.
Пример использования: Не отправляйте внутреннее значение цвета стороннему сервису. «Цвет в название» обрабатывает ввод в вашем браузере.
Пример использования: Документируйте выбор цвета именованным совпадением и его расстоянием. Это даёт коллегам больше контекста, чем одно имя.
Пример использования: Сравните имя цвета CSS с меткой цвета из системы ISCC-NBS. Это помогает при работе на стыке дизайна и биологии.
Пример использования: Используйте ближайший именованный цвет CSS, когда нужно сослаться на цвет именем CSS. Инструмент проверяет по 148 именованным цветам CSS с помощью OKLab.
Пример использования: Проверьте, насколько близко цвет соответствует центроиду ISCC-NBS. Сообщаемое расстояние показывает, близко ли совпадение или менее точно.