Mithgol Apr 22 2012 at 22:51

#BADA55-цвета для веб-дизайна

5 min

18K

CSS*HTML*

Tutorial

Translation

+56

Comments 42

aleman Apr 22 2012 at 22:56

Некоторые неплохо получились… sisses :)

Mithgol Apr 22 2012 at 23:05

Некоторые цвета и по смыслу соответствуют «названию»:

— «access» зелёный (а не красный или другой такой цвет, который означал бы «access denied»);

— «cocoas» отчасти смахивает на кокосовый;

— «fascia» напоминает об алых знамёнах национальных социалистов;

— «seabed» имеет синенький морской цвет.

+21

conturov Apr 22 2012 at 23:09

Еще бы отсортировать по цвету…

CaptainFlint Apr 22 2012 at 23:28

xxx: дай hex значение телесного цвета.
yyy: #FACE8D
xxx: издеваешься?
yyy: попробуй
xxx: шойтан 8D

+46

habraUSvER Apr 22 2012 at 23:31

#DEFACE
Понравился )
Жаль ваш скриптец только по обычному словарю… Еще бы по жаргонам и аббревиатурам типа:
#DDO5ED

А вообще автору зачет. На разметку статьи наверное больше времени ушло чем на сам скрипт :D

ZekMan Apr 22 2012 at 23:56

Еще 5-10 минут на скрипт для написания разметки статьи 8)

mktums Apr 22 2012 at 23:58

Это перевод ;)

Mithgol Apr 23 2012 at 00:01

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

habraUSvER Apr 23 2012 at 01:06

Вот черт, опять не заметил!

monolithed Apr 23 2012 at 08:43

Алгоритм довольно простой, по крайней мере на Leet транслятор с API и украшательствами для 4-х языков у меня ушло не больше 4-х часов, а в это случае все еще проще, обычный ассоциативный массив с ключ/значение и один цикл (5 минут).

Mithgol Apr 23 2012 at 09:25

Помимо скрипта потребуется ещё тот сколько-нибудь полный словарь английской речи, на совпадение с которым будут проверяться итоги перебора шестнадцатеричных кодов.

Словари эти бывают весьма различны друг от друга — этим-то и объясняется то обстоятельство, что переведённый мною Jim Crowley получил один список, а упомянутый мною ниже Ned Batchelder получил другой список, причём списки их совпадают лишь частично.

Squier Apr 22 2012 at 23:58

Спасибо, но я лучше по кулеру буду продолжать выбирать.

Mithgol Apr 23 2012 at 15:50

Это как?

Squier Apr 23 2012 at 21:14

Это так

VasilioRuzanni Apr 23 2012 at 00:24

████████████████

████████████████ #AD1DA5

████████████████

P.S. Не реклама :)

+24

DjPhoeniX Apr 23 2012 at 00:30

Только хотел предложить :)

ornicum Apr 23 2012 at 18:56

Можно еще китайскую подделку #AB1BA5 до кучи предложить :)

ornicum Apr 23 2012 at 19:02

Упс, чуть ниже уже есть комент про это…

alexxxst Apr 23 2012 at 00:26

А где #DABA55?

Razoomnick Apr 23 2012 at 00:37

#EBACCA

+25

Weageoo Apr 23 2012 at 01:04

████#3AEB15████

+18

Razoomnick Apr 23 2012 at 02:03

#Bl9 #B00D00

Tesla Apr 23 2012 at 07:22

Кстати, да, список можно разбавить еще и сокращениями вроде #B19 или #DAD или #101

Vokabre Apr 23 2012 at 19:12

#FACFAC

vermilion1 Apr 23 2012 at 01:16

Любимый цвет Paul Irish :)

Mithgol Apr 23 2012 at 01:33

Что плавно подводит меня к мысли упомянуть тут же его блогозапись «Memorable hex colors» (2009 г.) и её более обширный первоисточник — «Hex color words» (Ned Batchelder, 2003 г.).

amarao Apr 23 2012 at 01:48

desunote.ru/desu/CoolIPv6 (hexspik в контексте ipv6-адресов, большей частью к кодам тоже применим).

5hr4M Apr 23 2012 at 10:35

Я помню, когда работал в одном интернет-провайдере — мы себе делали красивые MAC адреса ( своих компах + в биллинге провайдера )… Например c0fe.c0ca.c0fe или face.face.face или dead.dead.dead :)

Sarry Apr 23 2012 at 11:07

А где-же #ebebe1, мой любимый цвет?

Vend3tta Apr 23 2012 at 11:09

А как же цвет выделения текста из h5bp — #fe57a1 — festal.

::-moz-selection {background: #fe57a1}
::selection {background: #fe57a1}

Festal (adj): pertaining to or befitting a feast, festival, holiday, or gala occasion.

Mithgol Apr 23 2012 at 11:37

████████████████ #FE57A1 → festal

В списке его нет, потому что подстановка «7» → «t» не учитывалася.

kost Apr 24 2012 at 19:03

От такого выделения уже отказались.

HDg Apr 23 2012 at 11:30

#EBAEBA

Mithgol Apr 23 2012 at 11:35

████████████████ #EBAEBA

tyderh Apr 23 2012 at 16:46

████████████████ #BOOOB5

ultragex Apr 23 2012 at 14:14

Спасибо, теперь я знаю в какой цвет покрасить логотип студии #DEFACE

zencd Apr 23 2012 at 15:38

Фирменные цвета Абибаса, вот они:

Mithgol Apr 23 2012 at 15:50

И правда.

shoorick Apr 23 2012 at 16:24

Трёхбуквенные слова дают более насыщенные цвета:

████████████████ #0A7 → OAT
████████████████ #0AF → OAF
████████████████ #0B1 → OBI
████████████████ #0B5 → OBS
████████████████ #0DD → ODD
████████████████ #0DE → ODE
████████████████ #0F7 → OFT
████████████████ #0FF → OFF
████████████████ #111 → III
████████████████ #175 → ITS
████████████████ #1CE → ICE
████████████████ #1D5 → IDS
████████████████ #1F5 → IFS
████████████████ #200 → ZOO
████████████████ #217 → ZIT
████████████████ #2ED → ZED
████████████████ #507 → SOT
████████████████ #50B → SOB
████████████████ #50C → SOC
████████████████ #50D → SOD
████████████████ #515 → SIS
████████████████ #517 → SIT
████████████████ #51C → SIC
████████████████ #57D → STD
████████████████ #5A6 → SAG
████████████████ #5A7 → SAT
████████████████ #5AC → SAC
████████████████ #5AD → SAD
████████████████ #5C1 → SCI
████████████████ #5E7 → SET
████████████████ #5EA → SEA
████████████████ #5EC → SEC
████████████████ #5EE → SEE
████████████████ #600 → GOO
████████████████ #605 → GOS
████████████████ #607 → GOT
████████████████ #60B → GOB
████████████████ #60D → GOD
████████████████ #616 → GIG
████████████████ #617 → GIT
████████████████ #6A5 → GAS
████████████████ #6A6 → GAG
████████████████ #6AB → GAB
████████████████ #6AD → GAD
████████████████ #6E7 → GET
████████████████ #6EE → GEE
████████████████ #700 → TOO
████████████████ #706 → TOG
████████████████ #707 → TOT
████████████████ #70E → TOE
████████████████ #717 → TIT
████████████████ #71C → TIC
████████████████ #71E → TIE
████████████████ #7A6 → TAG
████████████████ #7A7 → TAT
████████████████ #7AB → TAB
████████████████ #7AD → TAD
████████████████ #7B5 → TBS
████████████████ #7EA → TEA
████████████████ #7ED → TED
████████████████ #7EE → TEE
████████████████ #A1D → AID
████████████████ #A55 → ASS
████████████████ #A60 → AGO
████████████████ #A6E → AGE
████████████████ #A7E → ATE
████████████████ #AB5 → ABS
████████████████ #AC7 → ACT
████████████████ #ACE → ACE
████████████████ #AD0 → ADO
████████████████ #AD2 → ADZ
████████████████ #AD5 → ADS
████████████████ #ADD → ADD
████████████████ #AF7 → AFT
████████████████ #B00 → BOO
████████████████ #B06 → BOG
████████████████ #B07 → BOT
████████████████ #B0A → BOA
████████████████ #B0B → BOB
████████████████ #B0D → BOD
████████████████ #B10 → BIO
████████████████ #B12 → BIZ
████████████████ #B15 → BIS
████████████████ #B16 → BIG
████████████████ #B17 → BIT
████████████████ #B1B → BIB
████████████████ #B1D → BID
████████████████ #BA6 → BAG
████████████████ #BA7 → BAT
████████████████ #BAA → BAA
████████████████ #BAD → BAD
████████████████ #BE6 → BEG
████████████████ #BE7 → BET
████████████████ #BED → BED
████████████████ #BEE → BEE
████████████████ #C00 → COO
████████████████ #C05 → COS
████████████████ #C06 → COG
████████████████ #C07 → COT
████████████████ #C0B → COB
████████████████ #C0D → COD
████████████████ #C17 → CIT
████████████████ #CA7 → CAT
████████████████ #CAB → CAB
████████████████ #CAD → CAD
████████████████ #D02 → DOZ
████████████████ #D05 → DOS
████████████████ #D06 → DOG
████████████████ #D07 → DOT
████████████████ #D0B → DOB
████████████████ #D0C → DOC
████████████████ #D0E → DOE
████████████████ #D15 → DIS
████████████████ #D16 → DIG
████████████████ #D1D → DID
████████████████ #D1E → DIE
████████████████ #DA6 → DAG
████████████████ #DAB → DAB
████████████████ #DAD → DAD
████████████████ #DD5 → DDS
████████████████ #DE6 → DEG
████████████████ #DEB → DEB
████████████████ #DEF → DEF
████████████████ #E57 → EST
████████████████ #E60 → EGO
████████████████ #E66 → EGG
████████████████ #E7A → ETA
████████████████ #E7C → ETC
████████████████ #EA7 → EAT
████████████████ #EBB → EBB
████████████████ #ED5 → EDS
████████████████ #EFF → EFF
████████████████ #F00 → FOO
████████████████ #F06 → FOG
████████████████ #F0B → FOB
████████████████ #F0E → FOE
████████████████ #F16 → FIG
████████████████ #F17 → FIT
████████████████ #F1B → FIB
████████████████ #F1E → FIE
████████████████ #FA6 → FAG
████████████████ #FA7 → FAT
████████████████ #FAB → FAB
████████████████ #FAD → FAD
████████████████ #FE2 → FEZ
████████████████ #FED → FED
████████████████ #FEE → FEE

Скрипт для получения этих полос — gist.github.com/2470601

shoorick Apr 23 2012 at 16:28

Первые восемь цветов должны быть такими:

████████████████ #0A7 → OAT
████████████████ #0AF → OAF
████████████████ #0B1 → OBI
████████████████ #0B5 → OBS
████████████████ #0DD → ODD
████████████████ #0DE → ODE
████████████████ #0F7 → OFT
████████████████ #0FF → OFF

askd Apr 24 2012 at 19:00

Да, там похоже не все 6 на 3 исправили. (qq{)

shoorick Apr 24 2012 at 21:41

Не понял.

printf
        qq{<font color="#%06x">████████████████</font> #%03X → %s\n},
        ($color & 0xF00) * 0x1100 + ($color & 0xF0) * 0x110 + ($color & 0xF) * 0x11,
        $color, $word;

Первое #%06x даёт привыводе цвет вида #RRGGBB (нужный цвет вычисляется из $color в следующей строке),
следующее за ним #%03X — трёхсимвольное шестнадцатеричное представление исходного цвета заглавными буквами,
%s — строку, где некоторые цифры заменены буквами.

Одной шестёрки в printf достаточно :-)

Show the best of all time