Имена цветов

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, из которых, после небольших манипуляций, вы легко получаете полупрозрачный вариант нужного цвета.
По-моему, очень удобно

Пользуйтесь : )

Оставить комментарий

Популярные посты:

• Архив