Конвертер цветов наглядно показывает изменение цвета при изменении количества красного, зелёного или синего. Все данные одновременно показаны в десятичном (rgb) и шестнадцатеричном (hex) форматах.
В цветовой модели RGB 16 581 375 цветов, и каждый цвет состоит из значения трёх основных цветов - красного, зелёного и синего. Значение основных цветов располагается в диапазоне от 0 до 255 (учитывая 0 получается 256) и обозначает интенсивность цвета. Так, значение 0 обозначает отсутствие цвета, что по сути является чёрным цветом, а значение 255 обозначает самую высокую интенсивность, при которой основной цвет становится самым ярким.
Записывается цвет следующим образом: rgb(10, 100, 200), где в данной записи 10 - значение красного цвета, 100 - зелёного и 200 - синего.
| Красный | |||||
|---|---|---|---|---|---|
| Интенсивность | 0 | 63 | 127 | 191 | 255 |
| Зелёный | |||||
|---|---|---|---|---|---|
| Интенсивность | 0 | 63 | 127 | 191 | 255 |
| Синий | |||||
|---|---|---|---|---|---|
| Интенсивность | 0 | 63 | 127 | 191 | 255 |
При одинаковых значениях основных цветов образуется серый цвет, и чем выше яркость, тем светлее серый. При максимальной интенсивности основных цветов образуется чистый белый цвет.
| красный + зелёный + синий | |||||
|---|---|---|---|---|---|
| Интенсивность | 0 | 63 | 127 | 191 | 255 |
Остальные 16 миллионов цветов образуются путём смешивания основных трёх цветов в разных пропорциях.
Шестнадцатеричное представление цвета является самым обыкновенным переводом десятичного значения интенсивности цвета в шестнадцатеричный формат.
| Десятичное число | 0 | 9 | 10 | 15 | 16 | 17 | 255 |
|---|---|---|---|---|---|---|---|
| Шестнадцатеричное число | 0 | 9 | A | F | 10 | 11 | FF |
Запись цвета в шестнадцатеричном формате принято начинать со знака #, за которой следуют два числа (шестнадцатеричных, от 0 до F) красного, два зелёного и два синего цветов.
#5CDEFF состоит из 5C красного (92), DE зелёного (222) и FF синего (255), что соответствует записи rgb(92, 222, 255).
Примеры цветов в шестнадцатеричном формате:
| RGB | HEX | Название | Цвет |
|---|---|---|---|
| rgb(255,0,0) | #FF0000 | красный | |
| rgb(189,0,0) | #BD0000 | тёмно-красный | |
| rgb(0,255,0) | #00FF00 | зелёный | |
| rgb(0,0,255) | #0000FF | синий | |
| rgb(92,222,255) | #5CDEFF | голубой | |
| rgb(255,247,10) | #FFF70A | жёлтый |