Halloween Palette

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

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

Halloween Palette

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

Редагувати

Землисті 7 кольорів Теплі Темні Комплементарна spooky calm halloween

Вподобання 219

Кольори 7

CSS-змінні

:root {
  --c-earthy-1: #171318;
  --c-earthy-2: #291B17;
  --c-earthy-3: #3B1D36;
  --c-earthy-4: #583639;
  --c-earthy-5: #59584D;
  --c-earthy-6: #998B74;
  --c-earthy-7: #A2A3DC;
}

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

Ця землиста палітра з 7 кольорів охоплює діапазон від Simply Violet (#A2A3DC), найсвітлішого тону, до Dark Void (#171318), найтемнішого. Вона об'єднує Dark Void, Tetsu-Guro Black, Sitter Red, Dark Drama, Windgate Hill, Peat Swamp Forest та Simply Violet в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 21. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 5 з них, найконтрастніша — #171318 на #A2A3DC (7,71:1).

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

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

Dark Void #171318

RGB: rgb(23, 19, 24)
HSL: hsl(288, 12%, 8%)
Яскравість: 0,007

Tetsu-Guro Black #291B17

RGB: rgb(41, 27, 23)
HSL: hsl(13, 28%, 13%)
Яскравість: 0,013

Sitter Red #3B1D36

RGB: rgb(59, 29, 54)
HSL: hsl(310, 34%, 17%)
Яскравість: 0,021

Dark Drama #583639

RGB: rgb(88, 54, 57)
HSL: hsl(355, 24%, 28%)
Яскравість: 0,050

Windgate Hill #59584D

RGB: rgb(89, 88, 77)
HSL: hsl(55, 7%, 33%)
Яскравість: 0,096

Peat Swamp Forest #998B74

RGB: rgb(153, 139, 116)
HSL: hsl(37, 15%, 53%)
Яскравість: 0,265

Simply Violet #A2A3DC

RGB: rgb(162, 163, 220)
HSL: hsl(239, 45%, 75%)
Яскравість: 0,390

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

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

Aa #171318 на #A2A3DC 7,71:1 AAA

Aa #291B17 на #A2A3DC 6,97:1 AA

Aa #3B1D36 на #A2A3DC 6,23:1 AA

Aa #171318 на #998B74 5,51:1 AA

Aa #291B17 на #998B74 4,99:1 AA

Aa #3B1D36 на #998B74 4,45:1 AA, великий текст

Aa #583639 на #A2A3DC 4,40:1 AA, великий текст

Aa #583639 на #998B74 3,15:1 AA, великий текст

Aa #59584D на #A2A3DC 3,01:1 AA, великий текст

Aa #171318 на #59584D 2,56:1 Не проходить

Aa #291B17 на #59584D 2,32:1 Не проходить

Aa #59584D на #998B74 2,15:1 Не проходить

Aa #3B1D36 на #59584D 2,07:1 Не проходить

Aa #171318 на #583639 1,75:1 Не проходить

Aa #291B17 на #583639 1,58:1 Не проходить

Aa #583639 на #59584D 1,46:1 Не проходить

Aa #3B1D36 на #583639 1,41:1 Не проходить

Aa #998B74 на #A2A3DC 1,40:1 Не проходить

Aa #171318 на #3B1D36 1,24:1 Не проходить

Aa #291B17 на #3B1D36 1,12:1 Не проходить

Aa #171318 на #291B17 1,11: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 кольори

Halloween Palette