Инструмент цветового круга онлайн

Таблица цветовых кодов

цветцвет

название

Hex(R, G, B)(H, S, L)
Черный# 000000(0,0,0)(0º, 0%, 0%)
Белый#FFFFFF(255 255 255)(0º, 0%, 100%)
Красный# FF0000(255,0,0)(0º, 100%, 50%)
Лайм# 00FF00(0,255,0)(120º, 100%, 50%)
Синий# 0000FF(0,0,255)(240º, 100%, 50%)
Желтый# FFFF00(255,255,0)(60º, 100%, 50%)
Голубой# 00FFFF(0,255,255)(180º, 100%, 50%)
Пурпурный# FF00FF(255 0 255)(300º, 100%, 50%)
Серебряный# C0C0C0(192 192 192)(0º, 0%, 75%)
Серый# 808080(128 128 128)(0º, 0%, 50%)
Бордовый# 800000(128,0,0)(0º, 100%, 25%)
Оливковое# 808000(128,128,0)(60º, 100%, 25%)
Зеленый# 008000(0,128,0)(120º, 100%, 25%)
Фиолетовый# 800080(128,0,128)(300º, 100%, 25%)
Бирюзовый# 008080(0,128,128)(180º, 100%, 25%)
Флот# 000080(0,0,128)(240º, 100%, 25%)
цветИмя цвета HTML / CSSШестнадцатеричный код #RRGGBBДесятичный код (R, G, B)
лосось# FFA07ARGB (255,160,122)
лосось# FA8072RGB (250,128,114)
темный лосось# E9967ARGB (233,150,122)
светло-коралловый# F08080rgb (240,128,128)
индийский# CD5C5CRGB (205,92,92)
малиновый# DC143CRGB (220,20,60)
огнеупорный кирпич# B22222RGB (178,34,34)
красный# FF0000RGB (255,0,0)
темно-красный# 8B0000RGB (139,0,0)
коралл# FF7F50RGB (255,127,80)
помидор# FF6347RGB (255,99,71)
Оранжево-красный# FF4500RGB (255,69,0)
золото# FFD700RGB (255 215,0)
апельсин# FFA500RGB (255,165,0)
темно-оранжевый# FF8C00RGB (255,140,0)
светло-желтого# FFFFE0rgb (255 255 224)
лимонный шифон#FFFACDrgb (255 250 205)
светзолото-желтый# FAFAD2RGB (250,250,210)
папайавип# FFEFD5rgb (255 239 213)
мокасины# FFE4B5rgb (255 228 181)
персиковый# FFDAB9rgb (255 218 185)
Palegoldenrod# EEE8AARGB (238 232 170)
цвет хаки# F0E68CRGB (240,230,140)
темный хаки# BDB76BRGB (189 183 107)
желтый# FFFF00RGB (255,255,0)
газон# 7CFC00RGB (124,252,0)
шартрез# 7FFF00RGB (127,255,0)
салатовый# 32CD32RGB (50,205,50)
Лайм# 00FF00RGB (0,255,0)
зеленый лес# 228B22RGB (34,139,34)
зеленый# 008000RGB (0,128,0)
темно-зеленый# 006400rgb (0,100,0)
желто-зеленый# ADFF2FRGB (173,255,47)
желтый зеленый# 9ACD32RGB (154,205,50)
весенне-зеленый# 00FF7FRGB (0,255,127)
средний весенний# 00FA9ARGB (0,250,154)
светло-зеленый# 90EE90RGB (144 238 144)
бледно-зеленый# 98FB98RGB (152 251 152)
темно-зеленый# 8FBC8FRGB (143 188 143)
средний# 3CB371RGB (60 179 113)
цвет морской волны# 2E8B57RGB (46,139,87)
оливковый# 808000RGB (128,128,0)
темно-оливковый# 556B2FRGB (85,107,47)
оливковый# 6B8E23RGB (107,142,35)
светло-голубой# E0FFFFRGB (224,255,255)
голубой# 00FFFFRGB (0,255,255)
аква# 00FFFFRGB (0,255,255)
Аквамарин# 7FFFD4rgb (127,255,212)
среднийаквамарин# 66CDAARGB (102 205 170)
палитра бирюза#AFEEEERGB (175 238 238)
бирюзовый# 40E0D0RGB (64 224 208)
средняя бирюза# 48D1CCRGB (72 209 204)
темно-бирюзовый# 00CED1RGB (0,206,209)
свет# 20B2AARGB (32 178 170)
кадетсиний# 5F9EA0RGB (95 158 160)
темно-синий# 008B8BRGB (0,139,139)
бирюзовый# 008080RGB (0,128,128)
синий порошок# B0E0E6rgb (176,224,230)
светло-синий# ADD8E6RGB (173 216 230)
светнебосиний# 87CEFARGB (135 206 250)
голубое небо# 87CEEBRGB (135 206 235)
темно-синий# 00BFFFRGB (0,191,255)
светстальсиний# B0C4DERGB (176 196 222)
голубой# 1E90FFRGB (30,144,255)
васильковый# 6495EDRGB (100 149 237)
стальной синий# 4682B4RGB (70 130 180)
Королевский синий# 4169E1RGB (65,105,225)
синий# 0000FFRGB (0,0,255)
средне-синий# 0000CDRGB (0,0,205)
темно-синий# 00008BRGB (0,0,139)
флот# 000080RGB (0,0,128)
темно-синий# 191970RGB (25,25,112)
средний# 7B68EERGB (123 104 238)
сланцево-синий# 6A5ACDRGB (106,90,205)
темно-синий# 483D8BRGB (72,61,139)
лаванда# E6E6FARGB (230,230,250)
чертополох# D8BFD8RGB (216,191,216)
слива# DDA0DDRGB (221 160 221)
Виолетта# EE82EERGB (238 130 238)
орхидея# DA70D6RGB (218 112 214)
фуксия# FF00FFRGB (255,0,255)
пурпурный# FF00FFRGB (255,0,255)
среднеорхид# BA55D3RGB (186,85,211)
среднефиолетовый# 9370DBRGB (147 112 219)
сине-фиолетовый# 8A2BE2RGB (138,43,226)
темно-фиолетовый# 9400D3RGB (148,0 211)
Darkorchid# 9932CCRGB (153,50,204)
темно-пурпурный# 8B008BRGB (139,0,139)
фиолетовый# 800080RGB (128,0,128)
индиго# 4B0082RGB (75,0,130)
розовый# FFC0CBRGB (255 192 203)
светло-розовый# FFB6C1RGB (255 182 193)
ярко-розовый# FF69B4RGB (255 105 180)
темно-розовый# FF1493RGB (255, 20, 147)
бледно-фиолетовый# DB7093RGB (219 112 147)
среднефиолетовый# C71585RGB (199,21,133)
белый#FFFFFFRGB (255,255,255)
снег#FFFAFArgb (255,250,250)
нектар# F0FFF0RGB (240,255,240)
мятный крем# F5FFFArgb (245,255,250)
лазурный# F0FFFFRGB (240,255,255)
алиса синий# F0F8FFRGB (240 248 255)
призрачный# F8F8FFRGB (248 248 255)
белый дым# F5F5F5RGB (245 245 245)
морская ракушка# FFF5EErgb (255 245 238)
бежевый# F5F5DCRGB (245 245 220)
старое платье# FDF5E6RGB (253 245 230)
цветочный белый# FFFAF0rgb (255,250,240)
слоновая кость# FFFFF0rgb (255 255 240)
античный# FAEBD7rgb (250 235 215)
белье# FAF0E6RGB (250,240,230)
лаванда# FFF0F5RGB (255 240 245)
туманная роза# FFE4E1rgb (255 228 225)
Gainsboro#DCDCDCRGB (220,220,220)
светло-серый# D3D3D3RGB (211 211 211)
Серебряный# C0C0C0RGB (192,192,192)
темно-серый# A9A9A9RGB (169 169 169)
серый# 808080RGB (128,128,128)
тусклый# 696969RGB (105 105 105)
свет# 778899RGB (119,136,153)
шифер серый# 708090rgb (112,128,144)
темно-серый# 2F4F4FRGB (47,79,79)
черный# 000000rgb (0,0,0)
кукурузные рыльца# FFF8DCRGB (255 248 220)
бланшированный миндаль#FFEBCDRGB (255 235 205)
бисквит# FFE4C4RGB (255 228 196)
навайовайт#FFDEADrgb (255 222 173)
пшеница# F5DEB3RGB (245 222 179)
Burlywood# DEB887RGB (222 184 135)
загар# D2B48CRGB (210,180,140)
розово-коричневый# BC8F8FRGB (188 143 143)
песочно-коричневый# F4A460RGB (244,164,96)
золотарник# DAA520RGB (218,165,32)
Перу# CD853FRGB (205,133,63)
шоколад# D2691ERGB (210,105,30)
седло-коричневый# 8B4513RGB (139,69,19)
Сиена# A0522DRGB (160,82,45)
коричневый# A52A2ARGB (165,42,42)
бордовый# 800000RGB (128,0,0)

Аналоговая триада

Аналоговую цветовую схему образуют три соседних цвета в двенадцатисекторном цветовом круге. При использовании этой схемы, возможно выбрать один цвет главным, второй — поддерживающим, а третий использовать для акцентирования.

Зачем нужен круг Иттена

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

Круг устроен так, что максимально контрастные цвета расположены дальше всего друг от друга. А близкие цвета, соответственно, являются смежными на схеме. Всё цветовое пространство круга можно условно поделить пополам: от зелёного до малинового цвета идут холодные оттенки, а от красного до жёлто-зелёного — теплые.

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

Автоматические инструменты для выбора палитры

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

В теории Иттена есть много интересного и кроме цветового круга: как работать с цветовым воздействием и субъективными цветами, какие бывают контрасты и как, например, связаны форма и цвет. Читайте об этом .

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

Как иnbsp;когда появился круг Иттена

В истории было много попыток систематизировать цвета: есть цветовой круг Ньютона, Гёте и Оствальда. Но именно круг Иттена стал самым популярным. В бумажном виде эта схема продается теперь в любом художественном магазине.

Иоханнес Иттен — швейцарский художник и преподаватель Баухауса, известный своим вкладом в изучение колористики в начале прошлого века. В книге «Искусство цвета» Иттен подробно описал принципы работы с цветом и уже знакомый нам круг.

Свою схему Иттен построил, опираясь на труды предшественников — физиков, химиков, психологов и художников. Он сумел собрать все существующие теории в простую и логичную систему.

Что делать сnbsp;тысячами других оттенков

В круге всего 12 цветов, а дизайнеру приходится оперировать бесчисленным множеством оттенков. Круг Иттена — это упрощённая схема, а не полноценное решение. Но её можно использовать и более широко.

Представим, что нужен контраст к бирюзовому. На круге его нет, но мы понимаем, что этот цвет — зелёно-голубой. Значит, контрастный цвет на круге будет максимально удалён от границы этих двух цветов. Максимально удалённая точка — граница между красным и красно-оранжевым. Смешение этих цветов будет контрастно к бирюзовому.

Так будут размещаться эти цветовые оттенки на&nbsp
Так будут размещаться эти цветовые оттенки на схеме

А уж какой именно оттенок бирюзового и красно-оранжевого выбрать — это работа дизайнера. Кстати, есть ещё два параметра: насыщенность и яркость. Цвет может быть бледным или сочным, тёмным или светлым. Например, красный бывает совсем ненасыщенным, то есть розовым. Или очень тёмным, бордовым. Это тоже влияет на восприятие картинки.

Шестиугольная схема

Шестиугольная схема сочетания цветов более сложная, но тем не менее применяема. В двенадцатисекторный цветовой круг можно вместо треугольника или квадрата вписать и шестиугольник. И тогда гармоничное шестизвучие будет базироваться на трёх парах дополнительных цветов.

Однако вполне справедливо можно заметить, что для

Однако вполне справедливо можно заметить, что для подбора гармоничных цветов, 12 цветового круга недостаточно. Вернее не то, что бы недостаточно, а просто это еще не всё. Просто в нашем круге получились насыщенные, яркие цвета. А мы ведь пользуемся разными оттенками этих цветов, а получаются они при добавлении белого или черного цветов. Так при добавлении белого цвета получим пастельные оттенки вплоть до практически белого и наоборот при добавлении черного цвета насыщенность будет увеличиваться. В итоге получается большой цветовой круг с множеством оттенков исходных цветов.

Цветовой круг Иттена делится на холодные и тёплые

Цветовой круг Иттена делится на холодные и тёплые цвета. Мы видим, что жёлтый цвет — самый светлый, а фиолетовый — самый тёмный. Это значит, что эти два цвета образуют самый сильный контраст света и темноты. Под прямым углом к оси «жёлтый — фиолетовый» расположены «красно-оранжевый» и «сине-зелёный», которые являются двумя полюсами контраста холода и тепла. Жёлтый, жёлто-оранжевый, оранжевый, красно-оранжевый, красный и красно-фиолетовый принято называть тёплыми цветами, а жёлто-зелёный, зелёный, сине-зелёный, синий, сине-фиолетовый и фиолетовый — холодными. Красно-оранжевый, — самый теплейший, а сине-зелёный, — самый холодный цвет.

Вариации цветовых сочетаний:

Сильно теорией не увлекайтесь, дайте волю своей фа

Сильно теорией не увлекайтесь, дайте волю своей фантазии и смело импровизируйте!

Желаю вам радужного творчества!