Petite 8 Afterdark

Палітра з 8 кольорів · Теплі · Темні · Комплементарна гармонія

До бібліотеки

Petite 8 Afterdark

Палітра з 8 кольорів · Теплі кольори · Темні тони · Комплементарна гармонія

Редагувати

Землисті 8 кольорів Теплі Темні Комплементарна artist monoramp adigunpolack

Вподобання 45

Кольори 8

CSS-змінні

:root {
  --c-earthy-1: #070810;
  --c-earthy-2: #0D0F11;
  --c-earthy-3: #161C20;
  --c-earthy-4: #272B29;
  --c-earthy-5: #4B4A27;
  --c-earthy-6: #776131;
  --c-earthy-7: #A07C43;
  --c-earthy-8: #BB9A67;
}

Про цю палітру

Ця землиста палітра з 8 кольорів охоплює діапазон від Rustic City (#BB9A67), найсвітлішого тону, до Narwhal Grey (#070810), найтемнішого. Вона об'єднує Narwhal Grey, Ruined Smores, River Styx, Graphite Black, Nori Seaweed Green, Himalaya, Wood Thrush та Rustic City в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них, найконтрастніша — #070810 на #BB9A67 (7,54:1).

Спокійні природні тони — пасують еко- та органік-брендам, кав'ярням, туристичному спорядженню й теплій редакційній типографіці.

Розбір кольорів

Narwhal Grey #070810

RGB: rgb(7, 8, 16)
HSL: hsl(233, 39%, 5%)
Яскравість: 0,003

Ruined Smores #0D0F11

RGB: rgb(13, 15, 17)
HSL: hsl(210, 13%, 6%)
Яскравість: 0,005

River Styx #161C20

RGB: rgb(22, 28, 32)
HSL: hsl(204, 19%, 11%)
Яскравість: 0,011

Graphite Black #272B29

RGB: rgb(39, 43, 41)
HSL: hsl(150, 5%, 16%)
Яскравість: 0,023

Nori Seaweed Green #4B4A27

RGB: rgb(75, 74, 39)
HSL: hsl(58, 32%, 22%)
Яскравість: 0,065

Himalaya #776131

RGB: rgb(119, 97, 49)
HSL: hsl(41, 42%, 33%)
Яскравість: 0,127

Wood Thrush #A07C43

RGB: rgb(160, 124, 67)
HSL: hsl(37, 41%, 45%)
Яскравість: 0,223

Rustic City #BB9A67

RGB: rgb(187, 154, 103)
HSL: hsl(36, 38%, 57%)
Яскравість: 0,347

Контраст і доступність

Пар кольорів у палітрі: 28. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 6 з них.

Aa #070810 на #BB9A67 7,54:1 AAA

Aa #0D0F11 на #BB9A67 7,25:1 AAA

Aa #161C20 на #BB9A67 6,50:1 AA

Aa #272B29 на #BB9A67 5,42:1 AA

Aa #070810 на #A07C43 5,19:1 AA

Aa #0D0F11 на #A07C43 4,99:1 AA

Aa #161C20 на #A07C43 4,47:1 AA, великий текст

Aa #272B29 на #A07C43 3,73:1 AA, великий текст

Aa #4B4A27 на #BB9A67 3,44:1 AA, великий текст

Aa #070810 на #776131 3,37:1 AA, великий текст

Aa #0D0F11 на #776131 3,24:1 AA, великий текст

Aa #161C20 на #776131 2,90:1 Не проходить

Aa #272B29 на #776131 2,42:1 Не проходить

Aa #4B4A27 на #A07C43 2,37:1 Не проходить

Aa #776131 на #BB9A67 2,24:1 Не проходить

Aa #070810 на #4B4A27 2,20:1 Не проходить

Aa #0D0F11 на #4B4A27 2,11:1 Не проходить

Aa #161C20 на #4B4A27 1,89:1 Не проходить

Aa #272B29 на #4B4A27 1,58:1 Не проходить

Aa #776131 на #A07C43 1,54:1 Не проходить

Aa #4B4A27 на #776131 1,53:1 Не проходить

Aa #A07C43 на #BB9A67 1,45:1 Не проходить

Aa #070810 на #272B29 1,39:1 Не проходить

Aa #0D0F11 на #272B29 1,34:1 Не проходить

Aa #161C20 на #272B29 1,20:1 Не проходить

Aa #070810 на #161C20 1,16:1 Не проходить

Aa #0D0F11 на #161C20 1,12:1 Не проходить

Aa #070810 на #0D0F11 1,04:1 Не проходить

Схожі палітри

#000000 #3D0000 #950101 #FF0000

4 кольори

#E23E57 #88304E #522546 #311D3F

4 кольори

#FF204E #A0153E #5D0E41 #00224D

4 кольори

#030637 #3C0753 #720455 #910A67

4 кольори

#1C0A00 #361500 #603601 #CC9544

4 кольори

#252525 #FF0000 #AF0404 #414141

4 кольори

#362222 #171010 #423F3E #2B2B2B

4 кольори

#1A1A1D #3B1C32 #6A1E55 #A64D79

4 кольори

Petite 8 Afterdark