Реєстрація Реєстрація
Rainy Day

Rainy Day

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

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

Rainy Day

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

Редагувати
Землисті 12 кольорів Теплі Змішані Комплементарна warm cool natural rain
Вподобання 20
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #F1A27A;
  --c-earthy-2: #E64545;
  --c-earthy-3: #A81660;
  --c-earthy-4: #B9D2D3;
  --c-earthy-5: #6C8E8A;
  --c-earthy-6: #222325;
  --c-earthy-7: #FFEFAB;
  --c-earthy-8: #F1CF3A;
  --c-earthy-9: #BE8829;
  --c-earthy-10: #7BDC51;
  --c-earthy-11: #29BE6C;
  --c-earthy-12: #067962;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Transparent Yellow (#FFEFAB), найсвітлішого тону, до Verified Black (#222325), найтемнішого. Вона об'єднує Balinese Sunset, Vermilion Cinnabar, Plum Paradise, Relax, Aspen Hush, Verified Black, Transparent Yellow, Giallo, Gordal Olive, Lilliputian Lime, Welsh Onion та Ultramarine Green в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 10 з них, найконтрастніша — #222325 на #FFEFAB (13,62:1).

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

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

Balinese Sunset #F1A27A
RGB
rgb(241, 162, 122)
HSL
hsl(20, 81%, 71%)
Яскравість
0,460
Vermilion Cinnabar #E64545
RGB
rgb(230, 69, 69)
HSL
hsl(0, 76%, 59%)
Яскравість
0,215
Plum Paradise #A81660
RGB
rgb(168, 22, 96)
HSL
hsl(330, 77%, 37%)
Яскравість
0,097
Relax #B9D2D3
RGB
rgb(185, 210, 211)
HSL
hsl(182, 23%, 78%)
Яскравість
0,611
Aspen Hush #6C8E8A
RGB
rgb(108, 142, 138)
HSL
hsl(173, 14%, 49%)
Яскравість
0,244
Verified Black #222325
RGB
rgb(34, 35, 37)
HSL
hsl(220, 4%, 14%)
Яскравість
0,017
Transparent Yellow #FFEFAB
RGB
rgb(255, 239, 171)
HSL
hsl(49, 100%, 84%)
Яскравість
0,859
Giallo #F1CF3A
RGB
rgb(241, 207, 58)
HSL
hsl(49, 87%, 59%)
Яскравість
0,636
Gordal Olive #BE8829
RGB
rgb(190, 136, 41)
HSL
hsl(38, 65%, 45%)
Яскравість
0,287
Lilliputian Lime #7BDC51
RGB
rgb(123, 220, 81)
HSL
hsl(102, 67%, 59%)
Яскравість
0,560
Welsh Onion #29BE6C
RGB
rgb(41, 190, 108)
HSL
hsl(147, 65%, 45%)
Яскравість
0,384
Ultramarine Green #067962
RGB
rgb(6, 121, 98)
HSL
hsl(168, 91%, 25%)
Яскравість
0,146

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

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

Aa #222325 на #FFEFAB 13,62:1 AAA
Aa #222325 на #F1CF3A 10,28:1 AAA
Aa #B9D2D3 на #222325 9,90:1 AAA
Aa #222325 на #7BDC51 9,14:1 AAA
Aa #F1A27A на #222325 7,63:1 AAA
Aa #222325 на #29BE6C 6,50:1 AA
Aa #A81660 на #FFEFAB 6,17:1 AA
Aa #222325 на #BE8829 5,05:1 AA
Aa #A81660 на #F1CF3A 4,66:1 AA
Aa #FFEFAB на #067962 4,64:1 AA
Aa #A81660 на #B9D2D3 4,48:1 AA, великий текст
Aa #6C8E8A на #222325 4,40:1 AA, великий текст
Aa #A81660 на #7BDC51 4,14:1 AA, великий текст
Aa #E64545 на #222325 3,97:1 AA, великий текст
Aa #F1CF3A на #067962 3,50:1 AA, великий текст
Aa #F1A27A на #A81660 3,46:1 AA, великий текст
Aa #E64545 на #FFEFAB 3,43:1 AA, великий текст
Aa #B9D2D3 на #067962 3,37:1 AA, великий текст
Aa #7BDC51 на #067962 3,11:1 AA, великий текст
Aa #6C8E8A на #FFEFAB 3,10:1 AA, великий текст
Aa #A81660 на #29BE6C 2,94:1 Не проходить
Aa #222325 на #067962 2,94:1 Не проходить
Aa #FFEFAB на #BE8829 2,70:1 Не проходить
Aa #F1A27A на #067962 2,60:1 Не проходить
Aa #E64545 на #F1CF3A 2,59:1 Не проходить
Aa #E64545 на #B9D2D3 2,49:1 Не проходить
Aa #6C8E8A на #F1CF3A 2,34:1 Не проходить
Aa #E64545 на #7BDC51 2,30:1 Не проходить
Aa #A81660 на #BE8829 2,29:1 Не проходить
Aa #B9D2D3 на #6C8E8A 2,25:1 Не проходить
Aa #A81660 на #222325 2,21:1 Не проходить
Aa #29BE6C на #067962 2,21:1 Не проходить
Aa #FFEFAB на #29BE6C 2,10:1 Не проходить
Aa #6C8E8A на #7BDC51 2,08:1 Не проходить
Aa #F1CF3A на #BE8829 2,04:1 Не проходить
Aa #A81660 на #6C8E8A 1,99:1 Не проходить
Aa #B9D2D3 на #BE8829 1,96:1 Не проходить
Aa #F1A27A на #E64545 1,92:1 Не проходить
Aa #BE8829 на #7BDC51 1,81:1 Не проходить
Aa #E64545 на #A81660 1,80:1 Не проходить
Aa #F1A27A на #FFEFAB 1,78:1 Не проходить
Aa #F1A27A на #6C8E8A 1,73:1 Не проходить
Aa #BE8829 на #067962 1,72:1 Не проходить
Aa #E64545 на #29BE6C 1,64:1 Не проходить
Aa #F1CF3A на #29BE6C 1,58:1 Не проходить
Aa #B9D2D3 на #29BE6C 1,52:1 Не проходить
Aa #F1A27A на #BE8829 1,51:1 Не проходить
Aa #6C8E8A на #067962 1,50:1 Не проходить
Aa #FFEFAB на #7BDC51 1,49:1 Не проходить
Aa #6C8E8A на #29BE6C 1,48:1 Не проходить
Aa #7BDC51 на #29BE6C 1,41:1 Не проходить
Aa #B9D2D3 на #FFEFAB 1,38:1 Не проходить
Aa #F1A27A на #F1CF3A 1,35:1 Не проходить
Aa #E64545 на #067962 1,35:1 Не проходить
Aa #A81660 на #067962 1,33:1 Не проходить
Aa #FFEFAB на #F1CF3A 1,32:1 Не проходить
Aa #F1A27A на #B9D2D3 1,30:1 Не проходить
Aa #BE8829 на #29BE6C 1,29:1 Не проходить
Aa #E64545 на #BE8829 1,27:1 Не проходить
Aa #F1A27A на #7BDC51 1,20:1 Не проходить
Aa #F1A27A на #29BE6C 1,17:1 Не проходить
Aa #6C8E8A на #BE8829 1,15:1 Не проходить
Aa #F1CF3A на #7BDC51 1,13:1 Не проходить
Aa #E64545 на #6C8E8A 1,11:1 Не проходить
Aa #B9D2D3 на #7BDC51 1,08:1 Не проходить
Aa #B9D2D3 на #F1CF3A 1,04:1 Не проходить

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

#F9ED69 #F08A5D #B83B5E #6A2C70
4 кольори
#7D5A50 #B4846C #E5B299 #FCDEC0
4 кольори
#FFF8EA #9E7676 #815B5B #594545
4 кольори
#2C3639 #3F4E4F #A27B5C #DCD7C9
4 кольори
#F67280 #C06C84 #6C5B7B #355C7D
4 кольори
#2B2E4A #E84545 #903749 #53354A
4 кольори
#E5D9B6 #A4BE7B #5F8D4E #285430
4 кольори
#A9907E #F3DEBA #ABC4AA #675D50
4 кольори