Реєстрація Реєстрація
Colors11

Colors11

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

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

Colors11

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

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

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #361E32;
  --c-earthy-3: #572752;
  --c-earthy-4: #571206;
  --c-earthy-5: #A9351A;
  --c-earthy-6: #D95F1B;
  --c-earthy-7: #DD9B32;
  --c-earthy-8: #FEEF42;
  --c-earthy-9: #468596;
  --c-earthy-10: #374566;
  --c-earthy-11: #FFFFFF;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Zero Gravity, Kuwanomi Purple, Baragon Brown, Chinese Night, Ferocious Fox, Lion King, Hollandaise, Turquesa, Garnet Stone Blue та White в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 18 з них, найконтрастніша — #000000 на #FFFFFF (21:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Zero Gravity #361E32
RGB
rgb(54, 30, 50)
HSL
hsl(310, 29%, 16%)
Яскравість
0,019
Kuwanomi Purple #572752
RGB
rgb(87, 39, 82)
HSL
hsl(306, 38%, 25%)
Яскравість
0,041
Baragon Brown #571206
RGB
rgb(87, 18, 6)
HSL
hsl(9, 87%, 18%)
Яскравість
0,025
Chinese Night #A9351A
RGB
rgb(169, 53, 26)
HSL
hsl(11, 73%, 38%)
Яскравість
0,111
Ferocious Fox #D95F1B
RGB
rgb(217, 95, 27)
HSL
hsl(21, 78%, 48%)
Яскравість
0,230
Lion King #DD9B32
RGB
rgb(221, 155, 50)
HSL
hsl(37, 72%, 53%)
Яскравість
0,391
Hollandaise #FEEF42
RGB
rgb(254, 239, 66)
HSL
hsl(55, 99%, 63%)
Яскравість
0,832
Turquesa #468596
RGB
rgb(70, 133, 150)
HSL
hsl(193, 36%, 43%)
Яскравість
0,203
Garnet Stone Blue #374566
RGB
rgb(55, 69, 102)
HSL
hsl(222, 30%, 31%)
Яскравість
0,060
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000

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

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

Aa #000000 на #FFFFFF 21,00:1 AAA
Aa #000000 на #FEEF42 17,64:1 AAA
Aa #361E32 на #FFFFFF 15,12:1 AAA
Aa #571206 на #FFFFFF 14,05:1 AAA
Aa #361E32 на #FEEF42 12,70:1 AAA
Aa #571206 на #FEEF42 11,80:1 AAA
Aa #572752 на #FFFFFF 11,56:1 AAA
Aa #572752 на #FEEF42 9,71:1 AAA
Aa #374566 на #FFFFFF 9,52:1 AAA
Aa #000000 на #DD9B32 8,81:1 AAA
Aa #FEEF42 на #374566 8,00:1 AAA
Aa #A9351A на #FFFFFF 6,54:1 AA
Aa #361E32 на #DD9B32 6,34:1 AA
Aa #571206 на #DD9B32 5,89:1 AA
Aa #000000 на #D95F1B 5,60:1 AA
Aa #A9351A на #FEEF42 5,49:1 AA
Aa #000000 на #468596 5,06:1 AA
Aa #572752 на #DD9B32 4,85:1 AA
Aa #468596 на #FFFFFF 4,15:1 AA, великий текст
Aa #361E32 на #D95F1B 4,03:1 AA, великий текст
Aa #DD9B32 на #374566 3,99:1 AA, великий текст
Aa #571206 на #D95F1B 3,75:1 AA, великий текст
Aa #D95F1B на #FFFFFF 3,75:1 AA, великий текст
Aa #361E32 на #468596 3,64:1 AA, великий текст
Aa #FEEF42 на #468596 3,49:1 AA, великий текст
Aa #571206 на #468596 3,38:1 AA, великий текст
Aa #000000 на #A9351A 3,21:1 AA, великий текст
Aa #D95F1B на #FEEF42 3,15:1 AA, великий текст
Aa #572752 на #D95F1B 3,08:1 AA, великий текст
Aa #572752 на #468596 2,78:1 Не проходить
Aa #A9351A на #DD9B32 2,74:1 Не проходить
Aa #D95F1B на #374566 2,54:1 Не проходить
Aa #DD9B32 на #FFFFFF 2,38:1 Не проходить
Aa #361E32 на #A9351A 2,31:1 Не проходить
Aa #468596 на #374566 2,29:1 Не проходить
Aa #000000 на #374566 2,21:1 Не проходить
Aa #571206 на #A9351A 2,15:1 Не проходить
Aa #DD9B32 на #FEEF42 2,00:1 Не проходить
Aa #000000 на #572752 1,82:1 Не проходить
Aa #572752 на #A9351A 1,77:1 Не проходить
Aa #A9351A на #D95F1B 1,74:1 Не проходить
Aa #DD9B32 на #468596 1,74:1 Не проходить
Aa #361E32 на #374566 1,59:1 Не проходить
Aa #A9351A на #468596 1,57:1 Не проходить
Aa #D95F1B на #DD9B32 1,57:1 Не проходить
Aa #000000 на #571206 1,49:1 Не проходить
Aa #571206 на #374566 1,48:1 Не проходить
Aa #A9351A на #374566 1,46:1 Не проходить
Aa #000000 на #361E32 1,39:1 Не проходить
Aa #361E32 на #572752 1,31:1 Не проходить
Aa #572752 на #571206 1,22:1 Не проходить
Aa #572752 на #374566 1,21:1 Не проходить
Aa #FEEF42 на #FFFFFF 1,19:1 Не проходить
Aa #D95F1B на #468596 1,11:1 Не проходить
Aa #361E32 на #571206 1,08: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 кольори