Pull to refresh

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

Reading time 5 min
Views 18K
Original author: Jim Crowley
Я потратил несколько лет на изучение архитектуры компьютеров, и уж если одну вещь я выучил крепко, так это любовь компьютерных проектировщиков к изящным именам, используемым при инициализации или другой работе с памятью. Долгие часы своей жизни я истратил на придумывание забавно выглядящих адресов памяти для употребления в домашней работе или тестировании. Из подобных названий лучше других известен 0xDEADBEEF, а список некоторых других вы можете видеть вон там и там. Можно даже предположить, что этакие названия (особенно с подстановкою символов: например, «1» вместо «i» или «5» вместо «s») стали предтечами псевдо-крутого интернетовского жаргона, известного как leetspeak.

Всё это напомнила мне недавно попавшаяся мне статья о веб-дизайне (извините, я не помню её в точности). Автор статьи приводил пример CSS-кода, и выбранный им для примера цвет был #BADA55. Оказалось, что это даёт несколько безобразный зелёный цвет, но всё равно он побудил меня призадуматься о том, какие ещё английские слова можно сделать шестнадцатеричными кодами цвета.

Набросав краткий PHP-скрипт, получаем довольно обширный список для подбора таких цветов. Разумеется, годятся все коды, полностью состоящие из букв, но я также дозволил подстановку «1» вместо «i», «5» вместо «s» и «0» вместо «o». Та статья Википедии, на которую я выше сослался, также предлагала использовать «7» вместо «t» и «9» вместо «g», но мне кажется, что при этом не получаются сколько-нибудь легко читаемые «шестнадцатеричные слова» (да к тому же тогда список слов, и без того длинный, оказался бы гораздо длиннее).

Итак, когда вам в следующий раз понадобится цветовая гамма для веб-страницы, вы сможете воспользоваться следующей таблицею и достигнуть субкультурного звучания выбранных вами цветов:

████████████████ #ABACA5 → abacas
████████████████ #ABA5ED → abased
████████████████ #ABA5E5 → abases
████████████████ #ABA51A → abasia
████████████████ #ABBE55 → abbess
████████████████ #AB1DED → abided
████████████████ #AB1DE5 → abides
████████████████ #AB0DED → aboded
████████████████ #AB0DE5 → abodes
████████████████ #ACAC1A → acacia
████████████████ #ACCEDE → accede
████████████████ #ACCE55 → access
████████████████ #ACED1A → acedia
████████████████ #AC1D1C → acidic
████████████████ #AD0BE5 → adobes
████████████████ #AD0B05 → adobos
████████████████ #A5D1C5 → asdics
████████████████ #A51DE5 → asides
████████████████ #A55A15 → assais
████████████████ #A55E55 → assess
████████████████ #BAA5E5 → baases
████████████████ #BAB1ED → babied
████████████████ #BAB1E5 → babies
████████████████ #BAB005 → baboos
████████████████ #BACCAE → baccae
████████████████ #BADA55 → badass
████████████████ #BADD1E → baddie
████████████████ #BAFFED → baffed
████████████████ #BA0BAB → baobab
████████████████ #BA51C5 → basics
████████████████ #BA55E5 → basses
████████████████ #BA5505 → bassos
████████████████ #BEADED → beaded
████████████████ #BEDDED → bedded
████████████████ #BEEBEE → beebee
████████████████ #BEEFED → beefed
████████████████ #BE51DE → beside
████████████████ #B1A5ED → biased
████████████████ #B1A5E5 → biases
████████████████ #B1BBED → bibbed
████████████████ #B1FACE → biface
████████████████ #B1FFED → biffed
████████████████ #B0BBED → bobbed
████████████████ #B0CCE5 → bocces
████████████████ #B0CC1A → boccia
████████████████ #B0CC1E → boccie
████████████████ #B0CC15 → boccis
████████████████ #B0D1CE → bodice
████████████████ #B0D1ED → bodied
████████████████ #B0D1E5 → bodies
████████████████ #B0FFED → boffed
████████████████ #B0FF05 → boffos
████████████████ #B00BED → boobed
████████████████ #B00B1E → boobie
████████████████ #B00B00 → booboo
████████████████ #B00C00 → boocoo
████████████████ #B055ED → bossed
████████████████ #B055E5 → bosses
████████████████ #CABBED → cabbed
████████████████ #CABB1E → cabbie
████████████████ #CAB0B5 → cabobs
████████████████ #CACA05 → cacaos
████████████████ #CADD1E → caddie
████████████████ #CADD15 → caddis
████████████████ #CA5ABA → casaba
████████████████ #CA5E1C → caseic
████████████████ #CA551A → cassia
████████████████ #CA5515 → cassis
████████████████ #CEA5ED → ceased
████████████████ #CEA5E5 → ceases
████████████████ #CEB1D5 → cebids
████████████████ #CEB01D → ceboid
████████████████ #CE1BA5 → ceibas
████████████████ #CE55ED → cessed
████████████████ #CE55E5 → cesses
████████████████ #C1CADA → cicada
████████████████ #C15C05 → ciscos
████████████████ #C0B1A5 → cobias
████████████████ #C0CC1C → coccic
████████████████ #C0CC1D → coccid
████████████████ #C0C0A5 → cocoas
████████████████ #C0DDED → codded
████████████████ #C0DEC5 → codecs
████████████████ #C0DE1A → codeia
████████████████ #C0FFEE → coffee
████████████████ #C01FED → coifed
████████████████ #C01FFE → coiffe
████████████████ #C00C00 → coocoo
████████████████ #C00EED → cooeed
████████████████ #C00EE5 → cooees
████████████████ #C05EC5 → cosecs
████████████████ #C051ED → cosied
████████████████ #C051E5 → cosies
████████████████ #DABBED → dabbed
████████████████ #DAD0ED → dadoed
████████████████ #DAD0E5 → dadoes
████████████████ #DAFFED → daffed
████████████████ #DA15E5 → daises
████████████████ #DA551E → dassie
████████████████ #DEBA5E → debase
████████████████ #DECADE → decade
████████████████ #DECAF5 → decafs
████████████████ #DEC1DE → decide
████████████████ #DEC0DE → decode
████████████████ #DEEDED → deeded
████████████████ #DEFACE → deface
████████████████ #DEF1ED → defied
████████████████ #DEF1E5 → defies
████████████████ #DE1CED → deiced
████████████████ #DE1CE5 → deices
████████████████ #DE1F1C → deific
████████████████ #D1AC1D → diacid
████████████████ #D1BBED → dibbed
████████████████ #D1D1E5 → didies
████████████████ #D1D0E5 → didoes
████████████████ #D1E0FF → dieoff
████████████████ #D1E5E5 → dieses
████████████████ #D1E515 → diesis
████████████████ #D10DE5 → diodes
████████████████ #D15CED → disced
████████████████ #D15C05 → discos
████████████████ #D155ED → dissed
████████████████ #D155E5 → disses
████████████████ #D0B1E5 → dobies
████████████████ #D0D0E5 → dodoes
████████████████ #D0FFED → doffed
████████████████ #D00B1E → doobie
████████████████ #D00DAD → doodad
████████████████ #D00D00 → doodoo
████████████████ #D055ED → dossed
████████████████ #D055E5 → dosses
████████████████ #EA51E5 → easies
████████████████ #ECE51C → ecesic
████████████████ #ECE515 → ecesis
████████████████ #EDD1ED → eddied
████████████████ #EDD1E5 → eddies
████████████████ #EDD0E5 → eddoes
████████████████ #EFFACE → efface
████████████████ #FACADE → facade
████████████████ #FAC1AE → faciae
████████████████ #FAC1A5 → facias
████████████████ #FAC1E5 → facies
████████████████ #FAECE5 → faeces
████████████████ #FA5CE5 → fasces
████████████████ #FA5C1A → fascia
████████████████ #FEA5ED → feased
████████████████ #FEA5E5 → feases
████████████████ #FE0FF5 → feoffs
████████████████ #FE55ED → fessed
████████████████ #FE55E5 → fesses
████████████████ #F1A5C0 → fiasco
████████████████ #F1BBED → fibbed
████████████████ #F1C0E5 → ficoes
████████████████ #F0BBED → fobbed
████████████████ #F00D1E → foodie
████████████████ #F055AE → fossae
████████████████ #F055A5 → fossas
████████████████ #F055E5 → fosses
████████████████ #1B1CE5 → ibices
████████████████ #1B15E5 → ibises
████████████████ #10D1DE → iodide
████████████████ #10D1D5 → iodids
████████████████ #10D15E → iodise
████████████████ #155E15 → isseis
████████████████ #0B5E55 → obsess
████████████████ #0FF1CE → office
████████████████ #5ABBED → sabbed
████████████████ #5A1CE5 → saices
████████████████ #5A55ED → sassed
████████████████ #5A55E5 → sasses
████████████████ #5C0FF5 → scoffs
████████████████ #5EABED → seabed
████████████████ #5ECC05 → seccos
████████████████ #5ECEDE → secede
████████████████ #5EEDED → seeded
████████████████ #5E15ED → seised
████████████████ #5E15E5 → seises
████████████████ #51CCED → sicced
████████████████ #5155E5 → sisses
████████████████ #50BBED → sobbed
████████████████ #50DDED → sodded

Примечания переводчика:

1. Перевод жаргонного слова «badass» можете самостоятельно подобрать по вкусу (в Lingvo, например); я не настаиваю ни на каком, чтобы не разводить флейма.

2. Хабрахабр не позволяет задать цвет фона ячеек таблицы, так что пришлось отказаться от таблицы и создавать цветные полоски из раскрашенных символов «прямоугольный блок» (шестнадцатеричный номер 2588 в Unicode). В шрифте Verdana эти символы сливаются.
Tags:
Hubs:
+56
Comments 42
Comments Comments 42

Articles