Введите оттенок в градусах (°), насыщенность и яркость (0..100%) и нажмите кнопку Преобразовать :
Когда 0 ≤ H < 360, 0 ≤ S ≤ 1 и 0 ≤ L ≤ 1:
C = (1 - |2L - 1|) × S
X = C × (1 - |(H / 60°) mod 2 - 1|)
m = L - C/2
(R,G,B) = ((R'+m)×255, (G'+m)×255,(B'+m)×255)
Цвет | Цвет имя |
(В, С, Н) | Шестнадцатеричный | (красный, зеленый, синий) |
---|---|---|---|---|
Черный | (0°,0%,0%) | #000000 | (0,0,0) | |
Белый | (0°, 0%, 100%) | #FFFFFF | (255 255 255) | |
Красный | (0°,100%,50%) | #FF0000 | (255,0,0) | |
Лайм | (120°,100%,50%) | #00FF00 | (0,255,0) | |
Синий | (240°,100%,50%) | #0000FF | (0,0,255) | |
Желтый | (60°,100%,50%) | #FFFF00 | (255,255,0) | |
Голубой | (180°,100%,50%) | #00FFFF | (0 255 255) | |
Пурпурный | (300°,100%,50%) | #FF00FF | (255,0,255) | |
Серебро | (0°,0%,75%) | #БФБФБФ | (191 191 191) | |
Серый | (0°,0%,50%) | #808080 | (128 128 128) | |
темно-бордовый | (0°,100%,25%) | #800000 | (128,0,0) | |
Оливковое | (60°,100%,25%) | #808000 | (128,128,0) | |
Зеленый | (120°,100%,25%) | #008000 | (0,128,0) | |
Фиолетовый | (300°,100%,25%) | #800080 | (128,0,128) | |
Бирюзовый | (180°,100%,25%) | #008080 | (0 128 128) | |
Военно-морской | (240°,100%,25%) | #000080 | (0,0,128) |
Цветовое пространство RGB — это аддитивное цветовое пространство, в котором используются три основных цвета: красный, зеленый и синий, для создания всех остальных цветов.Значения цвета RGB задаются с помощью трех 8-битных целых чисел, по одному для каждого основного цвета.Это создает диапазон возможных цветов от 0 (без света) до 255 (полный свет).
HSL (оттенок, насыщенность, яркость) — это цветовое пространство, которое является более интуитивным способом указания цветов, чем RGB.Значения HSL задаются с использованием трех чисел с плавающей запятой, по одному для каждого компонента.Диапазон возможных значений HSL — от 0 (отсутствие оттенка) до 1 (полная насыщенность и яркость).
Преобразование RGB в HSL — это процесс преобразования значений цвета RGB в значения HSL.Формула преобразования RGB в HSL:
оттенок = (красный — зеленый) / (красный + зеленый + синий)
насыщенность = (синий — зеленый) / (синий + зеленый + красный)
Ввод HSL (оттенок, насыщенность и яркость): инструмент позволяет вводить цвета в цветовом пространстве HSL, которое основано на трех характеристиках оттенка, насыщенности и яркости.
Вывод RGB (красный, зеленый, синий): инструмент преобразует цвета HSL в цветовое пространство RGB, основанное на трех основных цветах: красном, зеленом и синем.
Предварительный просмотр цвета: инструмент обычно включает функцию предварительного просмотра цвета, которая позволяет вам увидеть представление выбранного цвета HSL в том виде, в каком он будет отображаться в цветовом пространстве RGB.
Настраиваемые ползунки. Многие инструменты преобразования цветов HSL в RGB включают настраиваемые ползунки или поля ввода, которые позволяют точно настраивать значения цвета HSL для получения желаемого результата RGB.
Шестнадцатеричный вывод: Инструмент также может предоставить результирующий цвет RGB в шестнадцатеричном цветовом формате, который является стандартным представлением цветов, используемых в веб-дизайне и других цифровых приложениях.
Цветовая палитра: некоторые инструменты преобразования HSL в RGB включают функцию цветовой палитры, которая позволяет вам выбирать из ряда предустановленных цветов или создавать свои собственные цвета.
История цветов: некоторые инструменты могут также иметь функцию истории цветов, которая позволяет отслеживать преобразованные цвета, упрощая использование одних и тех же цветов в нескольких проектах.
Совместимость с различными цветовыми пространствами: некоторые инструменты преобразования HSL в RGB совместимы с другими цветовыми пространствами, такими как CMYK (голубой, пурпурный, желтый и черный) или HSB (оттенок, насыщенность и яркость), что позволяет выполнять преобразование между этими различными цветами. также модели.
Advertising