Это сайт — моя персональная записная книжка. Интересна мне, по большей части, история, своя жизнь и немного программирование.

Цвета из CSS, названия которых короче их номеров

Кстати, если вдруг кому-нибудь для оптимизации CSS нужна таблица цветов, названия которых короче их номеров, то я вчера для конвертора сделал скрипт, который все такие цвета нашёл. Наверняка её кто-то составлял и раньше, но мне было быстрее программу написать. Список в виде массива есть в конверторе, а вот список их названий строкой: navy, green, teal, indigo, maroon, purple, olive, gray, grey, sienna, brown, silver, peru, tan, orchid, plum, violet, khaki, azure, wheat, beige, salmon, linen, red, tomato, coral, orange, pink, gold, bisque, snow, ivory.

Например, «silver» короче своего числового эквивалента «#c0c0c0» на один символ, а «tan» короче «#d2b48c» на четыре.

8 комментариев
Михаил Яковис (yakovis.com) 2011

зато #c0c0c0 небось гзипуется лучше :)

Евгений Степанищев (bolknote.ru) 2011

Комментарий для yakovis.com:

Наверное, не знаю :) Если вокруг один CSS — скорее всего да, если это статья с английским текстов — вероятнее обратное.

Денис Попов (besisland.name) 2011

Нестандартные названия же.

http://www.w3.org/TR/CSS2/syndata.html#color-units

Евгений Степанищев (bolknote.ru) 2011

Комментарий для besisland.name:

http://www.w3.org/TR/css3-color/#svg-color

gluek.info 2011

Еще есть #rgb (=#rrggbb), множество вариантов и все по 4 символа.

Евгений Степанищев (bolknote.ru) 2011

Комментарий для gluek.info:

Еще есть #rgb (=#rrggbb), множество вариантов и все по 4 символа.

Не об этом же речь. В коде конвертора я это учёл, посмотрите код.

(lusever.ru) 2011

Спасибо, раньше для подсветки синтаксиса ( http://markup.su/highlighter/ ) брал код из csstidy ( http://sourceforge.net/projects/csstidy/files/CSSTidy%20%28PHP%2C%20stable файл class.csstidy_optimise.php). Но там еще есть код который переделывает в обратную сторону:

/* color name -> hex code */
case ’black’: return ’#000’;
case ’fuchsia’: return ’#F0F’;
case ’white’: return ’#FFF’;
case ’yellow’: return ’#FF0’;

А почему gray закомментирован?

Евгений Степанищев (bolknote.ru) 2011

Комментарий для lusever.ru:

Но там еще есть код который переделывает в обратную сторону

Какое извращение — делать это через оператор switch

А почему gray закомментирован?

Он алиас к grey.