Реєстрація Реєстрація
Crystal Attack

Crystal Attack

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

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

Crystal Attack

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

Редагувати
Землисті 12 кольорів Теплі Темні Комплементарна gb game rpg crystal
Вподобання 11
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #C16F86;
  --c-earthy-2: #6C2D3E;
  --c-earthy-3: #400116;
  --c-earthy-4: #473535;
  --c-earthy-5: #AA7C62;
  --c-earthy-6: #65342D;
  --c-earthy-7: #2B0B0C;
  --c-earthy-8: #0E1525;
  --c-earthy-9: #24454C;
  --c-earthy-10: #638C7A;
  --c-earthy-11: #202A2B;
  --c-earthy-12: #000000;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Briar Rose (#C16F86), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Briar Rose, Siren, Rhinoceros Beetle, Noblesse Oblige, Tawny Birch, One Dozen, Root Brew, Corbeau, Everglade Deck, Sea Monster, Charleston Green та Black в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 12 з них, найконтрастніша — #C16F86 на #000000 (5,89:1).

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

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

Briar Rose #C16F86
RGB
rgb(193, 111, 134)
HSL
hsl(343, 40%, 60%)
Яскравість
0,244
Siren #6C2D3E
RGB
rgb(108, 45, 62)
HSL
hsl(344, 41%, 30%)
Яскравість
0,054
Rhinoceros Beetle #400116
RGB
rgb(64, 1, 22)
HSL
hsl(340, 97%, 13%)
Яскравість
0,012
Noblesse Oblige #473535
RGB
rgb(71, 53, 53)
HSL
hsl(0, 15%, 24%)
Яскравість
0,041
Tawny Birch #AA7C62
RGB
rgb(170, 124, 98)
HSL
hsl(22, 30%, 53%)
Яскравість
0,238
One Dozen #65342D
RGB
rgb(101, 52, 45)
HSL
hsl(8, 38%, 29%)
Яскравість
0,054
Root Brew #2B0B0C
RGB
rgb(43, 11, 12)
HSL
hsl(358, 59%, 11%)
Яскравість
0,008
Corbeau #0E1525
RGB
rgb(14, 21, 37)
HSL
hsl(222, 45%, 10%)
Яскравість
0,008
Everglade Deck #24454C
RGB
rgb(36, 69, 76)
HSL
hsl(191, 36%, 22%)
Яскравість
0,052
Sea Monster #638C7A
RGB
rgb(99, 140, 122)
HSL
hsl(154, 17%, 47%)
Яскравість
0,228
Charleston Green #202A2B
RGB
rgb(32, 42, 43)
HSL
hsl(185, 15%, 15%)
Яскравість
0,021
Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000

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

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

Aa #C16F86 на #000000 5,89:1 AA
Aa #AA7C62 на #000000 5,77:1 AA
Aa #638C7A на #000000 5,56:1 AA
Aa #C16F86 на #0E1525 5,11:1 AA
Aa #C16F86 на #2B0B0C 5,09:1 AA
Aa #AA7C62 на #0E1525 5,00:1 AA
Aa #AA7C62 на #2B0B0C 4,99:1 AA
Aa #0E1525 на #638C7A 4,83:1 AA
Aa #2B0B0C на #638C7A 4,81:1 AA
Aa #C16F86 на #400116 4,77:1 AA
Aa #400116 на #AA7C62 4,68:1 AA
Aa #400116 на #638C7A 4,51:1 AA
Aa #C16F86 на #202A2B 4,12:1 AA, великий текст
Aa #AA7C62 на #202A2B 4,04:1 AA, великий текст
Aa #638C7A на #202A2B 3,90:1 AA, великий текст
Aa #C16F86 на #473535 3,22:1 AA, великий текст
Aa #473535 на #AA7C62 3,15:1 AA, великий текст
Aa #473535 на #638C7A 3,04:1 AA, великий текст
Aa #C16F86 на #24454C 2,90:1 Не проходить
Aa #AA7C62 на #24454C 2,84:1 Не проходить
Aa #C16F86 на #6C2D3E 2,83:1 Не проходить
Aa #C16F86 на #65342D 2,83:1 Не проходить
Aa #6C2D3E на #AA7C62 2,77:1 Не проходить
Aa #AA7C62 на #65342D 2,77:1 Не проходить
Aa #24454C на #638C7A 2,74:1 Не проходить
Aa #6C2D3E на #638C7A 2,67:1 Не проходить
Aa #65342D на #638C7A 2,67:1 Не проходить
Aa #6C2D3E на #000000 2,08:1 Не проходить
Aa #65342D на #000000 2,08:1 Не проходить
Aa #24454C на #000000 2,03:1 Не проходить
Aa #473535 на #000000 1,83:1 Не проходить
Aa #6C2D3E на #0E1525 1,81:1 Не проходить
Aa #65342D на #0E1525 1,81:1 Не проходить
Aa #6C2D3E на #2B0B0C 1,80:1 Не проходить
Aa #65342D на #2B0B0C 1,80:1 Не проходить
Aa #2B0B0C на #24454C 1,76:1 Не проходить
Aa #0E1525 на #24454C 1,76:1 Не проходить
Aa #6C2D3E на #400116 1,69:1 Не проходить
Aa #400116 на #65342D 1,69:1 Не проходить
Aa #400116 на #24454C 1,65:1 Не проходить
Aa #473535 на #0E1525 1,59:1 Не проходить
Aa #473535 на #2B0B0C 1,58:1 Не проходить
Aa #400116 на #473535 1,48:1 Не проходить
Aa #6C2D3E на #202A2B 1,46:1 Не проходить
Aa #65342D на #202A2B 1,46:1 Не проходить
Aa #202A2B на #000000 1,43:1 Не проходить
Aa #24454C на #202A2B 1,42:1 Не проходить
Aa #473535 на #202A2B 1,28:1 Не проходить
Aa #0E1525 на #202A2B 1,24:1 Не проходить
Aa #400116 на #000000 1,23:1 Не проходить
Aa #2B0B0C на #202A2B 1,23:1 Не проходить
Aa #400116 на #202A2B 1,16:1 Не проходить
Aa #2B0B0C на #000000 1,16:1 Не проходить
Aa #0E1525 на #000000 1,15:1 Не проходить
Aa #6C2D3E на #473535 1,14:1 Не проходить
Aa #473535 на #65342D 1,14:1 Не проходить
Aa #473535 на #24454C 1,11:1 Не проходить
Aa #400116 на #2B0B0C 1,07:1 Не проходить
Aa #400116 на #0E1525 1,07:1 Не проходить
Aa #C16F86 на #638C7A 1,06:1 Не проходить
Aa #AA7C62 на #638C7A 1,04:1 Не проходить
Aa #6C2D3E на #24454C 1,03:1 Не проходить
Aa #65342D на #24454C 1,03:1 Не проходить
Aa #C16F86 на #AA7C62 1,02:1 Не проходить
Aa #6C2D3E на #65342D 1,00:1 Не проходить
Aa #2B0B0C на #0E1525 1,00: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 кольори