Палитра «Чёрное золото»

Чёрный и золото: роскошь без лишних слов. Ювелиры, барбершопы, премиум-услуги.

#0A0A0Argb(10, 10, 10)

#1C1C1Crgb(28, 28, 28)

#B8860Brgb(184, 134, 11)

#D4AF37rgb(212, 175, 55)

#F5E6B3rgb(245, 230, 179)

Коды цветов

HEX	RGB	HSL
`#0A0A0A`	`rgb(10, 10, 10)`	`hsl(0, 0%, 4%)`
`#1C1C1C`	`rgb(28, 28, 28)`	`hsl(0, 0%, 11%)`
`#B8860B`	`rgb(184, 134, 11)`	`hsl(43, 89%, 38%)`
`#D4AF37`	`rgb(212, 175, 55)`	`hsl(46, 65%, 52%)`
`#F5E6B3`	`rgb(245, 230, 179)`	`hsl(46, 77%, 83%)`

Так выглядит обычный текст цветом #0A0A0A на фоне #F5E6B3. Контраст 15,88:1, читается хорошо.

Кнопка

Контраст каждой пары цветов по WCAG: для обычного текста нужно не меньше 4,5:1, для крупных заголовков и кнопок не меньше 3:1.

Текст	Фон	Контраст	Подходит для
Аа `#0A0A0A`	`#F5E6B3`	15,88:1	любой текст (AAA)
Аа `#1C1C1C`	`#F5E6B3`	13,67:1	любой текст (AAA)
Аа `#0A0A0A`	`#D4AF37`	9,41:1	любой текст (AAA)
Аа `#1C1C1C`	`#D4AF37`	8,10:1	любой текст (AAA)
Аа `#0A0A0A`	`#B8860B`	6,08:1	обычный текст (AA)
Аа `#1C1C1C`	`#B8860B`	5,23:1	обычный текст (AA)

:root {
  --color-1: #0a0a0a;
  --color-2: #1c1c1c;
  --color-3: #b8860b;
  --color-4: #d4af37;
  --color-5: #f5e6b3;
}