|
| |
colorscheme.ru
Подбор цветов и генерация цветовых схем
Монохроматическая модель. Эта цветовая схема основана на одном оттенке цвета, и использует вариации, сделанные только лишь изменением насыщенности и яркости.Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Комплементарная (контрастная) модель. Основной цвет дополнен его комплементом (цвета на противоположной стороне цветового круга). Создается один холодный и один теплый цвет — вы должны рассмотреть, какой из них будет доминирующим, и должен ли дизайн выглядеть холодным, или теплым.Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Модель цветовой триады (мягкий контраст). Основной цвет дополнен двумя цветами, помещенными тождественно по обе стороны его комплемента. В отличие от «острого» контраста, эта цветовая схема зачастую является более комфортной для глаз, она мягче, и в ней больше пространства для балансировки теплых/холодных цветов.Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Модель цветовой тетрады (двойной контраст). Эта цветовая схема образована парой цветов и их контрастов. Она основана на Тетраде — четверке цветов, равномерно распределенных по цветовому кругу (90°). Тетрада — очень агрессивная цветовая схема, требующая хорошего планирования и деликатный подход к отношениям этих цветов.Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Модель аналогичных цветов. Эта цветовая схема образована основным цветом и его смежными цветами — два цвета, расположенные тождественно по обе стороны. Это всегда смотрится элегантно и четко, цветовая гамма в результате этого выглядит с меньшей напряженностью и равномерной колориметрией. Если выбран цвет на тепло-холодной границе, цвет с противоположной «температурой» может быть использован для акцентирования двух других цветов.Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Модель акцентированной аналогии. Это аналогичная модель с добавлением дополнительного (контрастного) цвета. Модель должна рассматриваться как дополнение — она добавляет напряженности к цветовой палитре, и слишком агрессивна в случае злоупотребления. Вместе с тем, она может быть использована в некоторых деталях, а так же в качестве цветового акцента — порой получается очень эффективная и элегантная цветовая гамма.
Оттенок. На этой вкладке отображается цветовой круг. Кликните по ней для регулировки оттенков основных, дополнительных, и вторичных цветов.
Регулировка цветовой схемы. На этой вкладке можно регулировать яркость/насыщенность цвета и контраст цветовой схемы, или просто выбрать из предопределенных настроек.
Информация о цветовой схеме. Кликните по этой вкладке для отображения значений цветов фактической цветовой схемы, а так же для экспорта их в различные форматы данных.
Оттенок основного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок дополнительного цвета. Чтобы изменить значения, перетащите ползунок по цветовому кругу. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Оттенок вторичного цвета. Чтобы изменить угол/дистанцию, перетащите ползунок дальше или ближе от основного цвета. Для ввода числового значения, дважды кликните по нему.
Значение оттенка основного цвета. Кликните для ввода числового значения.
Угол/дистанция оттенка вторичных цветов. Кликните для ввода числового значения. Имеет смысл только в цветовых схемах, использующих вторичные цвета.
Значение RGB основного цвета. Кликните для ввода числового значения.Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Значения RGB основного цвета.
Пресеты цветовых схем. Кликните и выберите предопределенные комбинации яркости, насыщенности и контрастности цветовой схемы.
Яркость и Насыщенность. Перетаскивайте ползунок по квадрату для регулировки яркости (вверх = светлее, вниз = темнее) и насыщенности (вправо = насыщенное, влево = разбавленное).
Контрастность цветовой схемы. Перетаскивайте ползунок по квадрату для регулировки контрастности вариантов цвета в схеме (вверх/вниз для темного варианта, влево/вправо для светлого варианта).
Контрастность цветовой схемы. Панель для регулировки яркости и насыщенности сразу всех вариантов схемы.
Коррекция Вариантов. Панель для регулировки яркости и насыщенности по отдельности для каждого цвета.
Список вариантов цвета. Выберите вариант цвета, а затем отрегулируйте его насыщенность и яркость при помощи ползунка на левом квадрате.
Схема палитры. Представлены четыре основных цвета, для легкого составления впечатления о схеме.
URL адрес цветовой схемы. Для каждой схемы существует уникальный ID. Вы можете сохранить эту ссылку в закладки, и вернуться к редактированию своей цветовой схемы в любой момент времени.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Предварительный просмотр цветовой палитры. Посмотрите, как выбранные цвета и их варианты сочетаются между собой.
Пример веб-страницы (светлая/позитив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Пример веб-страницы (темная/негатив). Кликните чтобы посмотреть пример веб-страницы, созданной при помощи текущей цветовой схемы. Это только пример, цвета палитры могут использоваться в сотнях разных вариаций.
Показать пример текста. Отметьте галочку, чтобы отобразить белый, черный и серый текст в окне предварительного просмотра цветовой схемы.
Рандомизация. Служит для создания случайной палитры согласно настройкам рандомизации.
Настройки рандомизации. Нажмите, чтобы установить, какие параметры должны быть рандомизированы.
colorscheme.ru
| Абрикосовый | #FBCEB1 | 251 206 177 | 24 29 98 | 0 18 29 2 | |
| Абрикосовый Крайола | #FDD9B5 | 253 217 181 | 30 28 99 | 0 14 28 1 | |
| Агатовый серый | #B5B8B1 | 181 184 177 | 86 4 72 | 2 0 4 28 | |
| Аквамариновый | #7FFFD4 | 127 255 212 | 160 50 100 | 50 0 17 0 | |
| Аквамариновый Крайола | #78DBE2 | 120 219 226 | 184 47 89 | 47 3 0 11 | |
| Ализариновый красный | #E32636 | 227 38 54 | 355 83 89 | 0 83 76 11 | |
| Алый | #FF2400 | 255 36 0 | 8 100 100 | ||
| Амарантово-глубоко-пурпурный | #9F2B68 | 159 43 104 | 328 73 62 | 0 73 35 38 | |
| Амарантово-пурпурный | #AB274F | 171 39 79 | 342 77 67 | 0 77 54 33 | |
| Амарантово-розовый | #F19CBB | 241 156 187 | 338 35 95 | 0 35 22 5 | |
| Амарантовый | #E52B50 | 229 43 80 | 348 81 90 | 0 81 65 10 | |
| Амарантовый маджента | #ED3CCA | 237 60 202 | 312 75 93 | 0 75 15 7 | |
| Амарантовый светло-вишнёвый | #CD2682 | 205 38 130 | 327 81 80 | 0 81 37 20 | |
| Американский розовый | #FF033E | 255 3 62 | 346 99 100 | 0 99 76 0 | |
| Аметистовый | #9966CC | 153 102 204 | 270 50 80 | 25 50 0 20 | |
| Античная латунь | #CD9575 | 205 149 117 | 22 43 80 | 0 27 43 20 | |
| Антрацитово-серый | #293133 | 41 49 51 | 192 20 20 | 20 4 0 80 | |
| Антрацитовый | #464451 | 70 68 81 | 249 16 32 | 14 16 0 68 | |
| Арлекин | #44944A | 68 148 74 | 125 54 58 | 54 0 50 42 | |
| Аспидно-серый | #2F4F4F | 47 79 79 | 180 41 31 | 41 0 0 69 | |
| Аспидно-синий | #6A5ACD | 106 90 205 | 248 56 80 | 48 56 0 20 | |
| Бабушкины яблоки | #A8E4A0 | 168 228 160 | 113 30 89 | 26 0 30 11 | |
| Базальтово-серый | #4E5754 | 78 87 84 | 160 10 34 | 10 0 3 66 | |
| Баклажанный Крайола | #614051 | 97 64 81 | 0 34 16 62 | ||
| Баклажановый | #990066 | 153 0 102 | 320 100 60 | 0 100 33 40 | |
| Баклажановый Крайола | #6E5160 | 110 81 96 | 329 26 43 | 0 26 13 57 | |
| Банана мания | #FAE7B5 | 250 231 181 | 43 28 98 | 0 8 28 2 | |
| Барвинок Крайола | #C5D0E6 | 197 208 230 | 220 14 90 | 14 10 0 10 | |
| Барвинковый (Барвинок, перванш) | #CCCCFF | 204 204 255 | 240 20 100 | 20 20 0 0 | |
| Бедра испуганной нимфы | #FAEEDD | 250 238 221 | 35 12 98 | 0 5 12 2 | |
| Бежево-коричневый | #79553D | 121 85 61 | 24 50 47 | 0 30 50 53 | |
| Бежево-красный | #C1876B | 193 135 107 | 20 45 76 | 0 30 45 24 | |
| Бежево-серый | #6D6552 | 109 101 82 | 42 25 43 | 0 7 25 57 | |
| Бежевый | #F5F5DC | 245 245 220 | 60 10 96 | 0 0 10 4 | |
| Бело-алюминиевый | #A5A5A5 | 165 165 165 | 0 0 65 | 0 0 0 35 | |
| Бело-зелёный | #BDECB6 | 189 236 182 | 112 23 93 | 20 0 23 7 | |
| Белоснежный | #FFFAFA | 255 250 250 | 0 2 100 | 0 2 2 0 | |
| Белый | #FFFFFF | 255 255 255 | 0 0 100 | 0 0 0 0 | |
| Белый навахо | #FFDEAD | 255 222 173 | 36 32 100 | 0 13 32 0 | |
| Белый-антик | #FAEBD7 | 250 235 215 | 34 14 98 | 0 6 14 2 | |
| Берлинская лазурь (Цвет Берлинской лазури) | #003153 | 0 49 83 | 205 100 33 | 100 41 0 67 | |
| Бирюзово-голубой Крайола | #77DDE7 | 119 221 231 | 185 48 91 | 48 4 0 9 | |
| Бирюзово-зелёный | #1E5945 | 30 89 69 | 160 66 35 | 66 0 22 65 | |
| Бирюзово-синий | #3F888F | 63 136 143 | 185 56 56 | 56 5 0 44 | |
| Бирюзовый | #30D5C8 | 48 213 200 | 175 77 84 | 77 0 6 16 | |
| Бисквитный | #FFE4C4 | 255 228 196 | 33 23 100 | 0 11 23 0 | |
| Бисмарк-фуриозо | #A5260A | 165 38 10 | 11 94 65 | 0 77 94 35 | |
| Бистр | #3D2B1F | 61 43 31 | 24 49 24 | 0 30 49 76 | |
| Бледно розоватый | #FFCBDB | 255 203 219 | 342 20 100 | 0 20 14 0 | |
| Бледно-васильковый | #ABCDEF | 171 205 239 | 210 28 94 | 28 14 0 6 | |
| Бледно-жёлтый | #FFDB8B | 255 219 139 | 41 45 100 | 0 14 45 0 | |
| Бледно-зелёно-серый | #8D917A | 141 145 122 | 70 16 57 | 3 0 16 43 | |
| Бледно-зелёный | #89AC76 | 137 172 118 | 99 31 67 | 20 0 31 33 | |
| Бледно-золотистый | #EEE8AA | 238 232 170 | 55 29 93 | 0 3 29 7 | |
| Бледно-карминный | #B03F35 | 176 63 53 | 5 70 69 | 0 64 70 31 | |
| Бледно-каштановый | #DDADAF | 221 173 175 | 358 22 87 | 0 22 21 13 | |
| Бледно-коричневый | #755C48 | 117 92 72 | 27 38 46 | 0 21 38 54 | |
| Бледно-песочный | #DABDAB | 218 189 171 | 23 22 85 | 0 13 22 15 | |
| Бледно-пурпурный | #AE848B | 174 132 139 | 350 24 68 | 0 24 20 32 | |
| Бледно-розовый | #FADADD | 250 218 221 | 354 13 98 | 0 13 12 2 | |
| Бледно-синий | #AFEEEE | 175 238 238 | 180 26 93 | 26 0 0 7 | |
| Бледно-фиолетовый | #957B8D | 149 123 141 | 318 17 58 | 0 17 5 42 | |
| Бледный весенний бутон | #ECEBBD | 236 235 189 | 59 20 93 | 0 0 20 7 | |
| Бледный желтовато-зелёный | #F0D698 | 240 214 152 | 42 37 94 | 0 11 37 6 | |
| Бледный желтовато-розовый | #FFC8A8 | 255 200 168 | 22 34 100 | 0 22 34 0 | |
| Бледный зеленовато-жёлтый | #FFDF84 | 255 223 132 | 44 48 100 | 0 13 48 0 | |
| Бледный зелёный | #98FB98 | 152 251 152 | 120 39 98 | 39 0 39 2 | |
| Бледный красновато-пурпурный | #AC7580 | 172 117 128 | 348 32 67 | 0 32 26 33 | |
| Бледный оранжево-жёлтый | #FFCA86 | 255 202 134 | 34 47 100 | 0 21 47 0 | |
| Бледный пурпурно-розовый | #FDBDBA | 253 189 186 | 3 26 99 | 0 25 26 1 | |
| Бледный пурпурно-синий | #8A7F8E | 138 127 142 | 284 11 56 | 3 11 0 44 | |
| Бледный серо-коричневый | #BC987E | 188 152 126 | 25 33 74 | 0 19 33 26 | |
| Бледный синий | #919192 | 145 145 146 | 240 1 57 | 1 1 0 43 | |
| Бледный фиолетово-красный | #D87093 | 216 112 147 | 340 48 85 | 0 48 32 15 | |
| Блестящий жёлто-зелёный | #CED23A | 206 210 58 | 62 72 82 | 2 0 72 18 | |
| Блестящий желтовато-зелёный | #8CCB5E | 140 203 94 | 95 54 80 | 31 0 54 20 | |
| Блестящий жёлтый | #FFCF40 | 255 207 64 | 45 75 100 | 0 19 75 0 | |
| Блестящий зеленовато-жёлтый | #FFDC33 | 255 220 51 | 50 80 100 | 0 14 80 0 | |
| Блестящий зеленовато-синий | #2A8D9C | 42 141 156 | 188 73 61 | 73 10 0 39 | |
| Блестящий зелёный | #47A76A | 71 167 106 | 142 57 65 | 57 0 37 35 | |
| Блестящий оранжевый | #FFB841 | 255 184 65 | 38 75 100 | 0 28 75 0 | |
| Блестящий пурпурно-розовый | #FF97BB | 255 151 187 | 339 41 100 | 0 41 27 0 | |
| Блестящий пурпурно-синий | #62639B | 98 99 155 | 239 37 61 | 37 36 0 39 | |
| Блестящий пурпурный | #DD80CC | 221 128 204 | 311 42 87 | 0 42 8 13 | |
| Блестящий синевато-зелёный | #009B76 | 0 155 118 | 166 100 61 | 100 0 24 39 | |
| Блестящий синий | #4285B4 | 66 133 180 | 205 63 71 | 63 26 0 29 | |
| Блестящий фиолетовый | #755D9A | 117 93 154 | 264 40 60 | 24 40 0 40 | |
| Блошиного брюшка | #4E1609 | 78 22 9 | 11 88 31 | 0 72 88 69 | |
| Бобровый | #9F8170 | 159 129 112 | 22 30 62 | 0 19 30 38 | |
| Болгарский розовый | #480607 | 72 6 7 | 359 92 28 | 0 92 90 72 | |
| Болотный | #ACB78E | 172 183 142 | 76 22 72 | 6 0 22 28 | |
| Бордово-фиолетовый | #641C34 | 100 28 52 | 340 72 39 | 0 72 48 61 | |
| Бордовый | #B00000 | 176 0 0 | 0 100 69 | 0 100 100 31 | |
| Бороды Абдель-Керима | #D5D5D5 | 213 213 213 | 0 0 84 | 0 0 0 16 | |
| Брезентово-серый | #4C514A | 76 81 74 | 103 9 32 | 6 0 9 68 | |
| Бриллиантово-синий | #3E5F8A | 62 95 138 | 214 55 54 | 55 31 0 46 | |
| Бриллиантовыый оранжево-жёлтый | #FFB02E | 255 176 46 | 37 82 100 | 0 31 82 0 | |
| Бронзовый | #CD7F32 | 205 127 50 | 30 76 80 | 0 38 76 20 | |
| Бургундский | #900020 | 144 0 32 | 347 100 56 | 0 100 78 44 | |
| Бурый | #45161C | 69 22 28 | 352 68 27 | 0 68 59 73 | |
| Бутылочно-зелёный | #343B29 | 52 59 41 | 83 31 23 | 12 0 31 77 | |
| Ванильный | #D5713F | 213 113 63 | 20 70 84 | 0 47 70 16 | |
| Васильковый | #6495ED | 100 149 237 | 219 58 93 | 58 37 0 7 | |
| Васильковый Крайола | #9ACEEB | 154 206 235 | 201 34 92 | 34 12 0 8 | |
| Вердепешевый | #DAD871 | 218 216 113 | 59 48 85 | 0 1 48 15 | |
| Вердепомовый | #34C924 | 52 201 36 | 114 82 79 | 74 0 82 21 | |
| Вересково-фиолетовый | #DE4C8A | 222 76 138 | 335 66 87 | 0 66 38 13 | |
| Весенне-зелёный (Зелёная весна) | #00FF7F | 0 255 127 | 150 100 100 | 100 0 50 0 | |
| Весенне-зелёный Крайола | #ECEABE | 236 234 190 | 57 19 93 | 0 1 19 7 | |
| Весенний бутон | #A7FC00 | 167 252 0 | 80 100 99 | 34 0 100 1 | |
| Византийский | #BD33A4 | 189 51 164 | 311 73 74 | 0 73 13 26 | |
| Византия | #702963 | 112 41 99 | 311 63 44 | 0 63 12 56 | |
| Винно-красный | #5E2129 | 94 33 41 | 352 65 37 | 0 65 56 63 | |
| Винтовочный зелёный | #414833 | 65 72 51 | 80 29 28 | 10 0 29 72 | |
| Вишнёвый (Вишня) | #911E42 | 145 30 66 | 341 79 57 | 0 79 54 43 | |
| Водная синь | #256D7B | 37 109 123 | 190 70 48 | 70 11 0 52 | |
| Воды пляжа Бонди | #0095B6 | 0 149 182 | 191 100 71 | 100 18 0 29 | |
| Восход солнца | #FFCF48 | 255 207 72 | 44 72 100 | 0 19 72 0 | |
| Выгоревший оранжевый (жжёный апельсин) | #CC5500 | 204 85 0 | 25 100 80 | 0 58 100 20 | |
| Галечный серый | #B8B799 | 184 183 153 | 58 17 72 | 0 1 17 28 | |
| Гейнсборо | #DCDCDC | 220 220 220 | 0 0 86 | 0 0 0 14 | |
| Гелиотроповый (Гелиотроп) | #DF73FF | 223 115 255 | 286 55 100 | 13 55 0 0 | |
| Георгиново-жёлтый | #F3A505 | 243 165 5 | 40 98 95 | 0 32 98 5 | |
| Глиняный коричневый | #734222 | 115 66 34 | 24 70 45 | 0 43 70 55 | |
| Глициниевый (Глициния) | #C9A0DC | 201 160 220 | 281 27 86 | 9 27 0 14 | |
| Глициния Крайола | #CDA4DE | 205 164 222 | 282 26 87 | 8 26 0 13 | |
| Глубокая фуксия Крайола | #C154C1 | 193 84 193 | 300 56 76 | 0 56 0 24 | |
| Глубокий жёлто-зелёный | #425E17 | 66 94 23 | 84 76 37 | 30 0 76 63 | |
| Глубокий желтовато-зелёный | #00541F | 0 84 31 | 142 100 33 | 100 0 63 67 | |
| Глубокий желтовато-коричневый | #593315 | 89 51 21 | 26 76 35 | 0 43 76 65 | |
| Глубокий желтовато-розовый | #F64A46 | 246 74 70 | 1 72 96 | 0 70 72 4 | |
| Глубокий жёлтый | #B57900 | 181 121 0 | 40 100 71 | 0 33 100 29 | |
| Глубокий зеленовато-жёлтый | #9F8200 | 159 130 0 | 49 100 62 | 0 18 100 38 | |
| Глубокий зелёный | #004524 | 0 69 36 | 151 100 27 | 100 0 48 73 | |
| Глубокий карминно-розовый | #EF3038 | 239 48 56 | 357 80 94 | 0 80 77 6 | |
| Глубокий карминный | #A9203E | 169 32 62 | 347 81 66 | 0 81 63 34 | |
| Глубокий каштановый Крайола | #B94E48 | 185 78 72 | 3 61 73 | 0 58 61 27 | |
| Глубокий коралловый | #FF4040 | 255 64 64 | 0 75 100 | 0 75 75 0 | |
| Глубокий коричневый | #4D220E | 77 34 14 | 19 82 30 | 0 56 82 70 | |
| Глубокий красновато-коричневый | #490005 | 73 0 5 | 356 100 29 | 0 100 93 71 | |
| Глубокий красновато-оранжевый | #A91D11 | 169 29 17 | 5 90 66 | 0 83 90 34 | |
| Глубокий красновато-пурпурный | #641349 | 100 19 73 | 320 81 39 | 0 81 27 61 | |
| Глубокий красный | #7B001C | 123 0 28 | 346 100 48 | 0 100 77 52 | |
| Глубокий оливково-зелёный | #142300 | 20 35 0 | 86 100 14 | 43 0 100 86 | |
| Глубокий оранжево-жёлтый | #D76E00 | 215 110 0 | 31 100 84 | 0 49 100 16 | |
| Глубокий оранжевый | #C34D0A | 195 77 10 | 22 95 76 | 0 61 95 24 | |
| Глубокий пурпурно-красный | #6F0035 | 111 0 53 | 331 100 44 | 0 100 52 56 | |
| Глубокий пурпурно-розовый | #EB5284 | 235 82 132 | 340 65 92 | 0 65 44 8 | |
| Глубокий пурпурно-синий | #1A153F | 26 21 63 | 247 67 25 | 59 67 0 75 | |
| Глубокий пурпурный | #531A50 | 83 26 80 | 303 69 33 | 0 69 4 67 | |
| Глубокий розовый | #FF1493 | 255 20 147 | 328 92 100 | 0 92 42 0 | |
| Глубокий синевато-зелёный | #00382B | 0 56 43 | 166 100 22 | 100 0 23 78 | |
| Глубокий синий | #002F55 | 0 47 85 |
maxi-tex.ru
15 генераторов по подбору цвета
Подбор цвета — это ответственный момент в работе любого дизайнера. Эксперименты с цветом порой дают неожиданные результаты. Цвет может объединять значимые элементы дизайна, помогать выделять значимые части, таким образом цвет может помогать выстраивать композицию. Известно значение цвета и в психологии — влияние на настроение, на работоспособность, душевное равновесие. Для творчества необходима подпитка, поиск идей, нестандартных решений. Чувство цвета поможет определиться с выбором. Однако возможности дизайнера, который постоянно ищет что-то новое, не безграничны. В этом случае на помощь приходят онлайн сервисы по подбору сочетания цветов. Здесь можно найти неплохие варианты.
Необходимо уметь пользоваться этими сервисами подбора цвета. В этом вам помогут знания, а именно как пользоваться цветовым кругом для сочетания цвета. Здесь на примерах и с картинками подробно изложены все цветовые схемы.
В подборке нашего сайта я выделила 2 категории подобных сервисов — русскоязычные и англоязычные.
Русские сервисы сочетания цветов
- colorscheme — цветовой круг онлайн. Это инструмент для подбора и генерации цветовых схем. Вы можете выбрать один и вариантов сочетания цвета. Вы можете посмотреть шаблон дизайна страницы в выбранном сочетании цветов. Интересно также и то, что вы можете «посмотреть» на вашу палитру глазами других людей, имеющих некоторые отклонения в цветовосприятии.
- In colour balance — всевозможные цветовые палитры, выделенные из лучших образцов фото.
- colorup.tikkurila — помощь в поиске удачной цветовой схеме для интерьера, а также палитры для внешней отделки. Пригодится для работы дизайнерам интерьеров, архитекторам.
- Color Adobe — сайт этот, конечно же не русский, но с поддержкой русского языка, и он будет понятен русскоговорящим, поэтому я и отнесла его сэту группу. Очень удобный подбор цвета. Изменяйте положение указателя на цветовой круге и выбирайте схему по определенной цветовой системе.
- Генератор цветовых схем
Англоязычные сайты по подбору цвета
Не смотря на то, что эти сайты зарубежные, пользоваться ими несложно даже без знаний языка, так как генераторы интуитивно понятны. В обзоре я буду делать акценты на основные моменты их использования.
- Random Material Generator — название генератора указывает на случайность выбора цветовой палитры. Нажмите на кнопку «Generate different random combination» для генерации цветовой схемы.
- Material Mixer — позволяет смешать и посмотреть сочетания двух цветов.
- Colorhunter — готовые цветовые решения.
- Palette Generation — генерация оттенков цвета.
- Material Palette — выберите 2 цвета, и вы увидите еще цвета, которые подходят для вашего дизайна.
- Colorotate — воспользуйся конусом для создания собственной цветовой схемы.
- Colorblender — Вам нужно определить алгоритм сочетания цвета и, перемещая ползунки, выберите сочетания цвета по RGB. Если вы затрудняетесь, то на этой же странице вы найдете ссылку на полную таблицу сочетания цвета.
- Colorspire — еще один простой цветовой круг, который поможет вам выбрать базовые цветовые сочетания, подобрать светлые, темные оттенки и т.д.
- Paletton — подбор сочетания цветов в зависимости от разных цветовых систем.
- Colorexplorer — двигайте ползунки и выбирайте схему!
vgrafike.ru
Цветовой круг — Гармония цвета. Пастельные тона (Марта Джилл)
· Инструмент для подбора цветов и генерации цветовых схем ·
Гармония цвета. Пастельные тона
Руководство для создания наилучших цветовых сочетаний
Оглавление:
Двенадцать частей цветового круга состоят из основных, или цветов первого порядка, составных (или цветов второго порядка) и сложных (или цветов третьего порядка) и их определенных оттенков. Три основеных цвета на цветовом круге — красный, желтый и синий. Три основных цвета образуют внутри круга равносторонний треугольник. Три составных цвета — оранжевый, фиолетовый и зеленый — расположены между соответствующими основными цветами и образуют еще один треугольник. Красно-оранжевый, желто-оранжевый, желто-зеленый, сине-зеленый, сине-фиолетовый и красно-фиолетовый — это шесть сложных цветов. Они возникают в результате смешения основного и составного цветов.
Правильный цветовой круг, в котором каждый цвет имеет свое место, а их последовательность имеет тот порядок, что в радуге или в естественном спектре, позволяет легко находить гармоничные цветовые сочетания.
| 1 | 12 | 23 | 34 | 45 | 56 | 67 | 78 | 89 | 100 | 111 | 122 | 133 | 144 |
| 2 | 13 | 24 | 35 | 46 | 57 | 68 | 79 | 90 | 101 | 112 | 123 | 134 | 145 |
| 3 | 14 | 25 | 36 | 47 | 58 | 69 | 80 | 91 | 102 | 113 | 124 | 135 | 146 |
| 4 | 15 | 26 | 37 | 48 | 59 | 70 | 81 | 92 | 103 | 114 | 125 | 136 | 147 |
| 5 | 16 | 27 | 38 | 49 | 60 | 71 | 82 | 93 | 104 | 115 | 126 | 137 | 148 |
| 6 | 17 | 28 | 39 | 50 | 61 | 72 | 83 | 94 | 105 | 116 | 127 | 138 | 149 |
| 7 | 18 | 29 | 40 | 51 | 62 | 73 | 84 | 95 | 106 | 117 | 128 | 139 | 150 |
| 8 | 19 | 30 | 41 | 52 | 63 | 74 | 85 | 96 | 107 | 118 | 129 | 140 | 151 |
| 9 | 20 | 31 | 42 | 53 | 64 | 75 | 86 | 97 | 108 | 119 | 130 | 141 | 152 |
| 10 | 21 | 32 | 43 | 54 | 65 | 76 | 87 | 98 | 109 | 120 | 131 | 142 | |
| 11 | 22 | 33 | 44 | 55 | 66 | 77 | 88 | 99 | 110 | 121 | 132 | 143 |
colorscheme.ru
Безопасные цвета для Веб. Таблица из 216 цветов, рекомендуемых для экранного дизайна — ColorScheme.Ru
· Инструмент для подбора цветов и генерации цветовых схем ·
Вашему вниманию предлагается палитра цветов, рекомендуемых для экранного дизайна. Безопасные цвета всегда неизменны при переходе от одного браузера к другому, от одного монитора к другому, или от одной платформы к другой, с их различными разрешениями и возможностями цветопередачи.
Если веб-браузер не в состоянии правильно отобразить тот или иной цвет, то он пытается подобрать похожий или смешивает несколько соседних цветов. Может так случиться, что исходный цвет будет замещён чем-то совершенно неподходящим.
Сегодня уже весьма спорна целесообразность использования безопасной палитры, однако используя её, вы будете уверены, что цвета будут выглядеть неизменно хорошо и без искажений даже на очень старых компьютерах, вплоть до 8-битного режима отображения с поддержкой всего 256 цветов.
Безопасные цвета были выведены математически, а не потому, что они кому-то больше пришлись по душе. Для получения безопасного цвета из Красного, Зелёного и Синего, нужно использовать только данные десятичные значения: 0, 51, 102, 153, 204, 255 — и никакие другие. Каждое из трёх шестнадцатеричных значений не должно отличаться от 00, 33, 66, 99, CC, FF.
Таблица Безопасных Веб-цветов
Палитра состоит из 216 безопасных веб-цветов. Под каждым цветом указаны два значения — RGB, для создания цвета в графическом редакторе, и его шестнадцатеричных HEX-код, для обозначения цвета в HTML.
- 255 255 204
#FFFFCC
- 255 255 153
#FFFF99
- 255 255 102
#FFFF66
- 255 255 51
#FFFF33
- 255 255 0
#FFFF00
- 204 204 0
#CCCC00
- 255 204 102
#FFCC66
- 255 204 0
#FFCC00
- 255 204 51
#FFCC33
- 204 153 0
#CC9900
- 204 153 51
#CC9933
- 153 102 0
#996600
- 255 153 0
#FF9900
- 255 153 51
#FF9933
- 204 153 102
#CC9966
- 204 102 0
#CC6600
- 153 102 51
#996633
- 102 51 0
#663300
- 255 204 153
#FFCC99
- 255 153 102
#FF9966
- 255 102 0
#FF6600
- 204 102 51
#CC6633
- 153 51 0
#993300
- 102 0 0
#660000
- 255 102 51
#FF6633
- 204 51 0
#CC3300
- 255 51 0
#FF3300
- 255 0 0
#FF0000
- 204 0 0
#CC0000
- 153 0 0
#990000
- 255 204 204
#FFCCCC
- 255 153 153
#FF9999
- 255 102 102
#FF6666
- 255 51 51
#FF3333
- 255 0 51
#FF0033
- 204 0 51
#CC0033
- 204 153 153
#CC9999
- 204 102 102
#CC6666
- 204 51 51
#CC3333
- 153 51 51
#993333
- 153 0 51
#990033
- 51 0 0
#330000
- 255 102 153
#FF6699
- 255 51 102
#FF3366
- 255 0 102
#FF0066
- 204 51 102
#CC3366
- 153 102 102
#996666
- 102 51 51
#663333
- 255 153 204
#FF99CC
- 255 51 153
#FF3399
- 255 0 153
#FF0099
- 204 0 102
#CC0066
- 153 51 102
#993366
- 102 0 51
#660033
- 255 102 204
#FF66CC
- 255 0 204
#FF00CC
- 255 51 204
#FF33CC
- 204 102 153
#CC6699
- 204 0 153
#CC0099
- 153 0 102
#990066
- 255 204 255
#FFCCFF
- 255 153 255
#FF99FF
- 255 102 255
#FF66FF
- 255 51 255
#FF33FF
- 255 0 255
#FF00FF
- 204 51 153
#CC3399
- 204 153 204
#CC99CC
- 204 102 204
#CC66CC
- 204 0 204
#CC00CC
- 204 51 204
#CC33CC
- 153 0 153
#990099
- 153 51 153
#993399
- 204 102 255
#CC66FF
- 204 51 255
#CC33FF
- 204 0 255
#CC00FF
- 153 0 204
#9900CC
- 153 102 153
#996699
- 102 0 102
#660066
- 204 153 255
#CC99FF
- 153 51 204
#9933CC
- 153 51 255
#9933FF
- 153 0 255
#9900FF
- 102 0 153
#660099
- 102 51 102
#663366
- 153 102 204
#9966CC
- 153 102 255
#9966FF
- 102 0 204
#6600CC
- 102 51 204
#6633CC
- 102 51 153
#663399
- 51 0 51
#330033
- 204 204 255
#CCCCFF
- 153 153 255
#9999FF
- 102 51 255
#6633FF
- 102 0 255
#6600FF
- 51 0 153
#330099
- 51 0 102
#330066
- 153 153 204
#9999CC
- 102 102 255
#6666FF
- 102 102 204
#6666CC
- 102 102 153
#666699
- 51 51 153
#333399
- 51 51 102
#333366
- 51 51 255
#3333FF
- 51 0 255
#3300FF
- 51 0 204
#3300CC
- 51 51 204
#3333CC
- 0 0 153
#000099
- 0 0 102
#000066
- 102 153 255
#6699FF
- 51 102 255
#3366FF
- 0 0 255
#0000FF
- 0 0 204
#0000CC
- 0 51 204
#0033CC
- 0 0 51
#000033
- 0 102 255
#0066FF
- 0 102 204
#0066CC
- 51 102 204
#3366CC
- 0 51 255
#0033FF
- 0 51 153
#003399
- 0 51 102
#003366
- 153 204 255
#99CCFF
- 51 153 255
#3399FF
- 0 153 255
#0099FF
- 102 153 204
#6699CC
- 51 102 153
#336699
- 0 102 153
#006699
- 102 204 255
#66CCFF
- 51 204 255
#33CCFF
- 0 204 255
#00CCFF
- 51 153 204
#3399CC
- 0 153 204
#0099CC
- 0 51 51
#003333
- 153 204 204
#99CCCC
- 102 204 204
#66CCCC
- 51 153 153
#339999
- 102 153 153
#669999
- 0 102 102
#006666
- 51 102 102
#336666
- 204 255 255
#CCFFFF
- 153 255 255
#99FFFF
- 102 255 255
#66FFFF
- 51 255 255
#33FFFF
- 0 255 255
#00FFFF
- 0 204 204
#00CCCC
- 153 255 204
#99FFCC
- 102 255 204
#66FFCC
- 51 255 204
#33FFCC
- 0 255 204
#00FFCC
- 51 204 204
#33CCCC
- 0 153 153
#009999
- 102 204 153
#66CC99
- 51 204 153
#33CC99
- 0 204 153
#00CC99
- 51 153 102
#339966
- 0 153 102
#009966
- 0 102 51
#006633
- 102 255 153
#66FF99
- 51 255 153
#33FF99
- 0 255 153
#00FF99
- 51 204 102
#33CC66
- 0 204 102
#00CC66
- 0 153 51
#009933
- 153 255 153
#99FF99
- 102 255 102
#66FF66
- 51 255 102
#33FF66
- 0 255 102
#00FF66
- 51 153 51
#339933
- 0 102 0
#006600
- 204 255 204
#CCFFCC
- 153 204 153
#99CC99
- 102 204 102
#66CC66
- 102 153 102
#669966
- 51 102 51
#336633
- 0 51 0
#003300
- 51 255 51
#33FF33
- 0 255 51
#00FF33
- 0 255 0
#00FF00
- 0 204 0
#00CC00
- 51 204 51
#33CC33
- 0 204 51
#00CC33
- 102 255 0
#66FF00
- 102 255 51
#66FF33
- 51 255 0
#33FF00
- 51 204 0
#33CC00
- 51 153 0
#339900
- 0 153 0
#009900
- 204 255 153
#CCFF99
- 153 255 102
#99FF66
- 102 204 0
#66CC00
- 102 204 51
#66CC33
- 102 153 51
#669933
- 51 102 0
#336600
- 153 255 0
#99FF00
- 153 255 51
#99FF33
- 153 204 102
#99CC66
- 153 204 0
#99CC00
- 153 204 51
#99CC33
- 102 153 0
#669900
- 204 255 102
#CCFF66
- 204 255 0
#CCFF00
- 204 255 51
#CCFF33
- 204 204 153
#CCCC99
- 102 102 51
#666633
- 51 51 0
#333300
- 204 204 102
#CCCC66
- 204 204 51
#CCCC33
- 153 153 102
#999966
- 153 153 51
#999933
- 153 153 0
#999900
- 102 102 0
#666600
- 255 255 255
#FFFFFF
- 204 204 204
#CCCCCC
- 153 153 153
#999999
- 102 102 102
#666666
- 51 51 51
#333333
- 0 0 0
#000000
colorscheme.ru
Таблица цветов html, палитра, названия цветов
Таблица (палитра) цветов html предоставляет вам возможность самостоятельно подобрать нужный вам тон. Значение цвета отображается в трех форматах: Hex, RGB и HSV.
- Hex состоит из трех двух символьных значений в шестнадцатеричной системе счисления. Например: #ff00b3, где первая пара чисел — красный, вторая — зеленый, а третья — синий.
- RGB (RedGreenBlue) имеет вид «200,100,255», обозначающее количество соответствующего тона(красный,зеленый,синий) в получаемом цвете.
- HSV (Hue, Saturation, Value — тон, насыщенность, значение) — цветовая модель, в которой в качестве координат являются:
- Hue — цветовой тон, может варьироваться в пределах от 0° до 360°.
- Saturation — насыщенность, варьируется в пределах 0—100 или 0—1. Чем больше этот параметр, тем «чище» цвет, поэтому этот параметр иногда называют чистотой цвета. А чем ближе этот параметр к нулю, тем ближе цвет к нейтральному серому.
- Value (значение цвета) — задает яркость, значение так же может варьироваться в пределах 0—100 или 0—1.
Введите код цвета: GO
Список цветов с названиями
В таблице перечислены названия цветов на английском языке (которые можно использовать в качестве значений), поддерживаемые всеми браузерами, и их шестнадцатеричные значения. Все перечисленные цвета являются «безопасными», то есть во всех браузерах будут отображаться одинаково.
| Название цвета | HEX | Цвет |
|---|---|---|
| Black | #000000 | |
| Navy | #000080 | |
| DarkBlue | #00008B | |
| MediumBlue | #0000CD | |
| Blue | #0000FF | |
| DarkGreen | #006400 | |
| Green | #008000 | |
| Teal | #008080 | |
| DarkCyan | #008B8B | |
| DeepSkyBlue | #00BFFF | |
| DarkTurquoise | #00CED1 | |
| MediumSpringGreen | #00FA9A | |
| Lime | #00FF00 | |
| SpringGreen | #00FF7F | |
| Aqua | #00FFFF | |
| Cyan | #00FFFF | |
| MidnightBlue | #191970 | |
| DodgerBlue | #1E90FF | |
| LightSeaGreen | #20B2AA | |
| ForestGreen | #228B22 | |
| SeaGreen | #2E8B57 | |
| DarkSlateGray | #2F4F4F | |
| LimeGreen | #32CD32 | |
| MediumSeaGreen | #3CB371 | |
| Turquoise | #40E0D0 | |
| RoyalBlue | #4169E1 | |
| SteelBlue | #4682B4 | |
| DarkSlateBlue | #483D8B | |
| MediumTurquoise | #48D1CC | |
| Indigo | #4B0082 | |
| DarkOliveGreen | #556B2F | |
| CadetBlue | #5F9EA0 | |
| CornflowerBlue | #6495ED | |
| MediumAquaMarine | #66CDAA | |
| DimGray | #696969 | |
| SlateBlue | #6A5ACD | |
| OliveDrab | #6B8E23 | |
| SlateGray | #708090 | |
| LightSlateGray | #778899 | |
| MediumSlateBlue | #7B68EE | |
| LawnGreen | #7CFC00 | |
| Chartreuse | #7FFF00 | |
| Aquamarine | #7FFFD4 | |
| Maroon | #800000 | |
| Purple | #800080 | |
| Olive | #808000 | |
| Gray | #808080 | |
| SkyBlue | #87CEEB | |
| LightSkyBlue | #87CEFA | |
| BlueViolet | #8A2BE2 | |
| DarkRed | #8B0000 | |
| DarkMagenta | #8B008B | |
| SaddleBrown | #8B4513 | |
| DarkSeaGreen | #8FBC8F | |
| LightGreen | #90EE90 | |
| MediumPurple | #9370D8 | |
| DarkViolet | #9400D3 | |
| PaleGreen | #98FB98 | |
| DarkOrchid | #9932CC | |
| YellowGreen | #9ACD32 | |
| Sienna | #A0522D | |
| Brown | #A52A2A | |
| DarkGray | #A9A9A9 | |
| LightBlue | #ADD8E6 | |
| GreenYellow | #ADFF2F | |
| PaleTurquoise | #AFEEEE | |
| LightSteelBlue | #B0C4DE | |
| PowderBlue | #B0E0E6 | |
| FireBrick | #B22222 | |
| DarkGoldenRod | #B8860B | |
| MediumOrchid | #BA55D3 | |
| RosyBrown | #BC8F8F | |
| DarkKhaki | #BDB76B | |
| Silver | #C0C0C0 | |
| MediumVioletRed | #C71585 | |
| IndianRed | #CD5C5C | |
| Peru | #CD853F | |
| Chocolate | #D2691E | |
| Tan | #D2B48C | |
| LightGray | #D3D3D3 | |
| PaleVioletRed | #D87093 | |
| Thistle | #D8BFD8 | |
| Orchid | #DA70D6 | |
| GoldenRod | #DAA520 | |
| Crimson | #DC143C | |
| Gainsboro | #DCDCDC | |
| Plum | #DDA0DD | |
| BurlyWood | #DEB887 | |
| LightCyan | #E0FFFF | |
| Lavender | #E6E6FA | |
| DarkSalmon | #E9967A | |
| Violet | #EE82EE | |
| PaleGoldenRod | #EEE8AA | |
| LightCoral | #F08080 | |
| Khaki | #F0E68C | |
| AliceBlue | #F0F8FF | |
| HoneyDew | #F0FFF0 | |
| Azure | #F0FFFF | |
| SandyBrown | #F4A460 | |
| Wheat | #F5DEB3 | |
| Beige | #F5F5DC | |
| WhiteSmoke | #F5F5F5 | |
| MintCream | #F5FFFA | |
| GhostWhite | #F8F8FF | |
| Salmon | #FA8072 | |
| AntiqueWhite | #FAEBD7 | |
| Linen | #FAF0E6 | |
| LightGoldenRodYellow | #FAFAD2 | |
| OldLace | #FDF5E6 | |
| Red | #FF0000 | |
| Fuchsia | #FF00FF | |
| Magenta | #FF00FF | |
| DeepPink | #FF1493 | |
| OrangeRed | #FF4500 | |
| Tomato | #FF6347 | |
| HotPink | #FF69B4 | |
| Coral | #FF7F50 | |
| Darkorange | #FF8C00 | |
| LightSalmon | #FFA07A | |
| Orange | #FFA500 | |
| LightPink | #FFB6C1 | |
| Pink | #FFC0CB | |
| Gold | #FFD700 | |
| PeachPuff | #FFDAB9 | |
| NavajoWhite | #FFDEAD | |
| Moccasin | #FFE4B5 | |
| Bisque | #FFE4C4 | |
| MistyRose | #FFE4E1 | |
| BlanchedAlmond | #FFEBCD | |
| PapayaWhip | #FFEFD5 | |
| LavenderBlush | #FFF0F5 | |
| SeaShell | #FFF5EE | |
| Cornsilk | #FFF8DC | |
| LemonChiffon | #FFFACD | |
| FloralWhite | #FFFAF0 | |
| Snow | #FFFAFA | |
| Yellow | #FFFF00 | |
| LightYellow | #FFFFE0 | |
| Ivory | #FFFFF0 | |
| White | #FFFFFF |
puzzleweb.ru