Реєстрація Реєстрація
Everglow Diamond

Everglow Diamond

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

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

Everglow Diamond

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

Редагувати
Землисті 12 кольорів Теплі Темні Монохромна gray orange red yellow
Вподобання 139
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #1A1C22;
  --c-earthy-2: #3F272B;
  --c-earthy-3: #54353D;
  --c-earthy-4: #50494C;
  --c-earthy-5: #6A5960;
  --c-earthy-6: #701F17;
  --c-earthy-7: #942626;
  --c-earthy-8: #A62E36;
  --c-earthy-9: #A14626;
  --c-earthy-10: #B15C34;
  --c-earthy-11: #D58941;
  --c-earthy-12: #FFE257;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Pickled Ginger (#FFE257), найсвітлішого тону, до Satin Deep Black (#1A1C22), найтемнішого. Вона об'єднує Satin Deep Black, Wenge Black, Blackcurrant Conserve, Emperor, Urban Legend, Persian Plum, Vivid Auburn, Show-Stopper, Potter’s Clay, Monument Valley, Jazz Brass та Pickled Ginger в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #1A1C22 на #FFE257 (13,19:1).

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

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

Satin Deep Black #1A1C22
RGB
rgb(26, 28, 34)
HSL
hsl(225, 13%, 12%)
Яскравість
0,012
Wenge Black #3F272B
RGB
rgb(63, 39, 43)
HSL
hsl(350, 24%, 20%)
Яскравість
0,027
Blackcurrant Conserve #54353D
RGB
rgb(84, 53, 61)
HSL
hsl(345, 23%, 27%)
Яскравість
0,048
Emperor #50494C
RGB
rgb(80, 73, 76)
HSL
hsl(334, 5%, 30%)
Яскравість
0,070
Urban Legend #6A5960
RGB
rgb(106, 89, 96)
HSL
hsl(335, 9%, 38%)
Яскравість
0,111
Persian Plum #701F17
RGB
rgb(112, 31, 23)
HSL
hsl(5, 66%, 26%)
Яскравість
0,045
Vivid Auburn #942626
RGB
rgb(148, 38, 38)
HSL
hsl(0, 59%, 36%)
Яскравість
0,078
Show-Stopper #A62E36
RGB
rgb(166, 46, 54)
HSL
hsl(356, 57%, 42%)
Яскравість
0,103
Potter’s Clay #A14626
RGB
rgb(161, 70, 38)
HSL
hsl(16, 62%, 39%)
Яскравість
0,121
Monument Valley #B15C34
RGB
rgb(177, 92, 52)
HSL
hsl(19, 55%, 45%)
Яскравість
0,173
Jazz Brass #D58941
RGB
rgb(213, 137, 65)
HSL
hsl(29, 64%, 55%)
Яскравість
0,324
Pickled Ginger #FFE257
RGB
rgb(255, 226, 87)
HSL
hsl(50, 100%, 67%)
Яскравість
0,763

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

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

Aa #1A1C22 на #FFE257 13,19:1 AAA
Aa #3F272B на #FFE257 10,59:1 AAA
Aa #701F17 на #FFE257 8,57:1 AAA
Aa #54353D на #FFE257 8,33:1 AAA
Aa #50494C на #FFE257 6,78:1 AA
Aa #942626 на #FFE257 6,34:1 AA
Aa #1A1C22 на #D58941 6,07:1 AA
Aa #A62E36 на #FFE257 5,31:1 AA
Aa #6A5960 на #FFE257 5,07:1 AA
Aa #3F272B на #D58941 4,87:1 AA
Aa #A14626 на #FFE257 4,76:1 AA
Aa #701F17 на #D58941 3,94:1 AA, великий текст
Aa #54353D на #D58941 3,83:1 AA, великий текст
Aa #B15C34 на #FFE257 3,66:1 AA, великий текст
Aa #1A1C22 на #B15C34 3,61:1 AA, великий текст
Aa #50494C на #D58941 3,12:1 AA, великий текст
Aa #942626 на #D58941 2,92:1 Не проходить
Aa #3F272B на #B15C34 2,90:1 Не проходить
Aa #1A1C22 на #A14626 2,77:1 Не проходить
Aa #1A1C22 на #6A5960 2,60:1 Не проходить
Aa #1A1C22 на #A62E36 2,49:1 Не проходить
Aa #A62E36 на #D58941 2,44:1 Не проходить
Aa #701F17 на #B15C34 2,35:1 Не проходить
Aa #6A5960 на #D58941 2,33:1 Не проходить
Aa #54353D на #B15C34 2,28:1 Не проходить
Aa #3F272B на #A14626 2,23:1 Не проходить
Aa #A14626 на #D58941 2,19:1 Не проходить
Aa #D58941 на #FFE257 2,17:1 Не проходить
Aa #3F272B на #6A5960 2,09:1 Не проходить
Aa #1A1C22 на #942626 2,08:1 Не проходить
Aa #3F272B на #A62E36 2,00:1 Не проходить
Aa #1A1C22 на #50494C 1,95:1 Не проходить
Aa #50494C на #B15C34 1,86:1 Не проходить
Aa #701F17 на #A14626 1,80:1 Не проходить
Aa #54353D на #A14626 1,75:1 Не проходить
Aa #942626 на #B15C34 1,74:1 Не проходить
Aa #6A5960 на #701F17 1,69:1 Не проходить
Aa #B15C34 на #D58941 1,68:1 Не проходить
Aa #3F272B на #942626 1,67:1 Не проходить
Aa #54353D на #6A5960 1,64:1 Не проходить
Aa #701F17 на #A62E36 1,62:1 Не проходить
Aa #1A1C22 на #54353D 1,58:1 Не проходить
Aa #54353D на #A62E36 1,57:1 Не проходить
Aa #3F272B на #50494C 1,56:1 Не проходить
Aa #1A1C22 на #701F17 1,54:1 Не проходить
Aa #A62E36 на #B15C34 1,45:1 Не проходить
Aa #50494C на #A14626 1,43:1 Не проходить
Aa #6A5960 на #B15C34 1,39:1 Не проходить
Aa #701F17 на #942626 1,35:1 Не проходить
Aa #50494C на #6A5960 1,34:1 Не проходить
Aa #942626 на #A14626 1,33:1 Не проходить
Aa #54353D на #942626 1,31:1 Не проходить
Aa #A14626 на #B15C34 1,30:1 Не проходить
Aa #50494C на #A62E36 1,28:1 Не проходить
Aa #3F272B на #54353D 1,27:1 Не проходить
Aa #50494C на #701F17 1,26:1 Не проходить
Aa #1A1C22 на #3F272B 1,25:1 Не проходить
Aa #6A5960 на #942626 1,25:1 Не проходить
Aa #3F272B на #701F17 1,23:1 Не проходить
Aa #54353D на #50494C 1,23:1 Не проходить
Aa #942626 на #A62E36 1,20:1 Не проходить
Aa #A62E36 на #A14626 1,12:1 Не проходить
Aa #50494C на #942626 1,07:1 Не проходить
Aa #6A5960 на #A14626 1,07:1 Не проходить
Aa #6A5960 на #A62E36 1,05:1 Не проходить
Aa #54353D на #701F17 1,03: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 кольори