Имена цветов
journals_covers — 05.02.2012Иногда в процессе вёрстки приходится набирать цвета руками, и тогда удобно знать названия или коды разных цветов.
По hex-коду бывает трудно представить оттенок, поэтому удобнее использовать имена.
Где их взять?
Есть вот такая таблица, но в ней цвета расставлены по алфавиту, и неудобно искать похожие оттенки.
Для удобства я расставила их по группам, насколько это было возможно. Получилось вот такое (похоже на набор фломастеров):
mistyrose
lavenderblush
seashell
floralwhite
oldlace
linen
pink
lightpink
lightcoral
palevioletred
mediumvioletred
darkmagenta
purple
deeppink
hotpink
fuchsia
magenta
violet
rosybrown
saddlebrown
sienna
indianred
peru
darksalmon
sandybrown
lightsalmon
burlywood
tan
wheat
peachpuff
navajowhite
moccasin
bisque
blanchedalmond
antiquewhite
papayawhip
cornsilk
|
ivory
beige
lightgoldenrodyellow
palegoldenrod
goldenrod
darkgoldenrod
chocolate
maroon
darkred
brown
firebrick
crimson
red
orangered
tomato
salmon
coral
darkorange
orange
gold
yellow
lemonchiffon
lightyellow
khaki
darkkhaki
olive
darkolivegreen
olivedrab
yellowgreen
greenyellow
lawngreen
chartreuse
lime
limegreen
forestgreen
green
darkgreen
|
seagreen
mediumseagreen
darkseagreen
springgreen
mediumspringgreen
lightgreen
palegreen
honeydew
mintcream
azure
aquamarine
turquoise
mediumturquoise
mediumaquamarine
darkturquoise
lightseagreen
cadetblue
darkcyan
teal
darkslategray
darkslategrey
steelblue
dodgerblue
deepskyblue
aqua
cyan
lightcyan
aliceblue
paleturquoise
powderblue
lightblue
lightsteelblue
skyblue
lightskyblue
cornflowerblue
royalblue
blue
|
mediumblue
darkblue
navy
midnightblue
darkslateblue
indigo
slateblue
mediumslateblue
mediumpurple
blueviolet
darkviolet
darkorchid
mediumorchid
orchid
plum
thistle
lavender
ghostwhite
white
snow
whitesmoke
gainsboro
lightgray
lightgrey
silver
darkgray
darkgrey
lightslategrey
lightslategray
slategrey
slategray
gray
grey
dimgray
dimgrey
black
|
Можете сохранить себе эту таблицу в виде картинки
Таким образом вместо того чтобы лезть за кодом цвета в фотошоп или ещё куда можно просто написать название цвета : )
Я уже заприметила несколько приятных оттенков и теперь в моём распоряжении гораздо больше цветов, чем поднадоевшие red, green, orange и blue
Попутно хочу поделиться двумя удобными сервисами для работы с цветами:
Colorschemedesigner.com
Подбор цветовой схемы.
Можно даже посмотреть примерный макет сайта сделанный в выбранной вами цветовой гамме : )
Css.coloratum.com
Конвертер цветов из одного формата в другой
В принципе, всё должно быть понятно, но на всякий случай поясню: например, вы подобрали цвет и взяли в фотошопе шестизначный код. Потом решили сделать этот цвет полупрозрачным (в формате rgba). Или вам надо перевести в rgb цвет по названию.
Вводите в поле цвет в любом формате и сервис отдаёт вам коды цвета в rgb, Hex и hsl, из которых, после небольших манипуляций, вы легко получаете полупрозрачный вариант нужного цвета.
По-моему, очень удобно
Пользуйтесь : )