Введіть відтінок у градусах (°), насиченість і яскравість (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)
Колір | Колір назва |
(H,S,L) | Hex | (R,G,B) |
---|---|---|---|---|
чорний | (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%) | #BFBFBF | (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