Инструмент Температуры Цвета

Регулировать температуру цвета, смещая цвета между теплыми (красный/желтый) и холодными (синий) тонами, идеально для освещения настроения и атмосферных эффектов

Сдвиг к теплым (положительным) или холодным (отрицательным) тонам

Сохранять исходную яркость при регулировке температуры

Ключевые факты

Категория
Дизайн и цвет
Типы входных данных
color, number, select, checkbox
Тип результата
html
Покрытие примерами
2
API доступен
Yes

Обзор

Инструмент Температуры Цвета позволяет регулировать цветовую температуру, смещая оттенки между теплыми (красные и желтые) и холодными (синие) тонами. Это идеально подходит для создания атмосферных эффектов и настройки освещения в дизайне, веб-разработке и фотографии.

Когда использовать

  • •Когда нужно настроить настроение дизайна, изменив теплоту цвета для создания уютной или профессиональной атмосферы.
  • •Для симуляции различных условий освещения в визуальных проектах, таких как интерьеры или сцены.
  • •При создании цветовых палитр, требующих определенных температурных тонов, например, для брендинга или пользовательских интерфейсов.

Как это работает

  • •Введите базовый цвет в формате HEX, например, #4A90E2, в поле 'Базовый Цвет'.
  • •Настройте сдвиг температуры с помощью ползунка или ввода числа от -100 до 100, где положительные значения делают цвет теплее, а отрицательные — холоднее.
  • •Выберите режим регулировки: сдвиг тона, баланс RGB, температура Кельвина или психологическая теплота для разных подходов к коррекции.
  • •При необходимости активируйте опции, такие как сохранение яркости, отображение HEX-кодов или генерация вариаций температуры для анализа.

Сценарии использования

Веб-дизайн: настройка цветовой схемы сайта для создания уютной или строгой атмосферы, влияющей на пользовательский опыт.
Фоторедактирование: коррекция цветового баланса на снимках, например, усиление теплых тонов на закате или охлаждение дневного света.
Дизайн интерьера: подбор цветов для стен и освещения, чтобы влиять на восприятие пространства и создавать desired атмосферу.

Примеры

1. Создание теплого освещения для гостиной

Дизайнер интерьеров
Контекст
Дизайнер работает над проектом гостиной, где исходный цвет стен #4A90E2 выглядит слишком холодным для уютной атмосферы.
Проблема
Нужно сделать цвет теплее, чтобы создать ощущение комфорта и тепла в помещении.
Как использовать
Введите базовый цвет #4A90E2, установите сдвиг температуры на +50 в режиме 'Сдвиг Тона' и сохраните яркость.
Пример конфигурации
baseColor: '#4A90E2', temperatureShift: 50, mode: 'hue_shift', preserveLuminance: true
Результат
Цвет смещается к теплым желтым тонам, создавая уютную атмосферу, подходящую для гостиной.

2. Коррекция цвета фотографии заката

Фотограф
Контекст
Фотограф редактирует снимок заката, где небо имеет слишком синий оттенок из-за холодного освещения.
Проблема
Нужно усилить теплые тона заката, сделав его более реалистичным и выразительным.
Как использовать
Используйте режим 'Температура Кельвина' с значением 3000K для сдвига к теплым тонам, активировав отображение HEX-кодов для точности.
Пример конфигурации
mode: 'kelvin', temperatureShift: -30, showHexCodes: true
Результат
Небо приобретает теплые оранжевые и красные оттенки, улучшая общее восприятие фотографии и соответствуя реальному закату.

Проверить на примерах

design
Примеры цветовых кодов
Коллекция цветовых кодов в различных форматах (Hex, RGB, HSL, именованные цвета) для тестирования валидации
title token color
sample
Примеры Анализа Логов ELK Stack
Комплексные примеры ELK Stack для агрегации, обработки и визуализации логов в распределенных системах
task process
sample

Связанные хабы

Инструменты перевода цветовых пространств для веба и печати
Подборка инструментов для перевода цветовых пространств между вебом и печатью в одном хабе.
Генераторы CSS-эффектов, палитр и дизайн-токенов
Подборка инструментов для CSS-визуальных эффектов, построения палитр и генерации дизайн-токенов в одном хабе.

FAQ

Что такое цветовая температура?

Цветовая температура измеряется в Кельвинах и описывает, насколько цвет кажется теплым (низкие значения) или холодным (высокие значения), влияя на восприятие и атмосферу.

Как использовать режим 'Температура Кельвина'?

В этом режиме задайте значение в Кельвинах (например, 3000K для теплого света), и инструмент автоматически скорректирует базовый цвет в соответствии с этой температурой.

Можно ли сохранить яркость при регулировке температуры?

Да, опция 'Сохранить Яркость' позволяет поддерживать исходную яркость цвета, предотвращая его затемнение или осветление при изменении температуры.

Какие форматы цвета поддерживаются для ввода и отображения?

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

Что делает опция 'Генерировать Вариации Температуры'?

Она автоматически создает несколько вариантов базового цвета с разной температурой, позволяя сравнивать и выбирать наиболее подходящий оттенок.

Документация API

Конечная точка запроса

POST /ru/api/tools/color-temperature

Параметры запроса

Имя параметра Тип Обязательно Описание
baseColor color Да -
temperatureShift number Нет Сдвиг к теплым (положительным) или холодным (отрицательным) тонам
mode select Нет -
preserveLuminance checkbox Нет Сохранять исходную яркость при регулировке температуры
showOriginal checkbox Нет -
showHexCodes checkbox Нет -
showRgbValues checkbox Нет -
showHslValues checkbox Нет -
generateVariations checkbox Нет -

Формат ответа

{
  "result": "
Processed HTML content
",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
HTML: HTML

Документация MCP

Добавьте этот инструмент к конфигурации сервера MCP: 

{
  "mcpServers": {
    "elysiatools-color-temperature": {
      "name": "color-temperature",
      "description": "Регулировать температуру цвета, смещая цвета между теплыми (красный/желтый) и холодными (синий) тонами, идеально для освещения настроения и атмосферных эффектов",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-temperature",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Вы можете объединять несколько инструментов, например: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, максимум 20 инструментов.

Если вы столкнулись с проблемами, пожалуйста, свяжитесь с нами по адресу [email protected]