Реєстрація Реєстрація
DUMPTRUCK 12

DUMPTRUCK 12

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

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

DUMPTRUCK 12

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

Редагувати
Землисті 12 кольорів Холодні Змішані Комплементарна cyan fydotiles highcontrast rust
Вподобання 15
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #2DD7C9;
  --c-earthy-2: #0074B7;
  --c-earthy-3: #4C3380;
  --c-earthy-4: #3E002E;
  --c-earthy-5: #110000;
  --c-earthy-6: #4F4F4F;
  --c-earthy-7: #9E9E9E;
  --c-earthy-8: #F0F0F0;
  --c-earthy-9: #FFD170;
  --c-earthy-10: #C97636;
  --c-earthy-11: #A14D3F;
  --c-earthy-12: #82674A;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Snowflake (#F0F0F0), найсвітлішого тону, до Dark Matter (#110000), найтемнішого. Вона об'єднує Turquoise Panic, Biloxi Blue, Galactic Compass, Dark Sanctuary, Dark Matter, Black Oak, Mortar Grey, Snowflake, Banana Bread, October, Arabian Red та Twilight Jungle в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 18 з них, найконтрастніша — #110000 на #F0F0F0 (18:1).

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

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

Turquoise Panic #2DD7C9
RGB
rgb(45, 215, 201)
HSL
hsl(175, 68%, 51%)
Яскравість
0,534
Biloxi Blue #0074B7
RGB
rgb(0, 116, 183)
HSL
hsl(202, 100%, 36%)
Яскравість
0,159
Galactic Compass #4C3380
RGB
rgb(76, 51, 128)
HSL
hsl(259, 43%, 35%)
Яскравість
0,055
Dark Sanctuary #3E002E
RGB
rgb(62, 0, 46)
HSL
hsl(315, 100%, 12%)
Яскравість
0,012
Dark Matter #110000
RGB
rgb(17, 0, 0)
HSL
hsl(0, 100%, 3%)
Яскравість
0,001
Black Oak #4F4F4F
RGB
rgb(79, 79, 79)
HSL
hsl(0, 0%, 31%)
Яскравість
0,078
Mortar Grey #9E9E9E
RGB
rgb(158, 158, 158)
HSL
hsl(0, 0%, 62%)
Яскравість
0,342
Snowflake #F0F0F0
RGB
rgb(240, 240, 240)
HSL
hsl(0, 0%, 94%)
Яскравість
0,871
Banana Bread #FFD170
RGB
rgb(255, 209, 112)
HSL
hsl(41, 100%, 72%)
Яскравість
0,680
October #C97636
RGB
rgb(201, 118, 54)
HSL
hsl(26, 58%, 50%)
Яскравість
0,256
Arabian Red #A14D3F
RGB
rgb(161, 77, 63)
HSL
hsl(9, 44%, 44%)
Яскравість
0,132
Twilight Jungle #82674A
RGB
rgb(130, 103, 74)
HSL
hsl(31, 27%, 40%)
Яскравість
0,149

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

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

Aa #110000 на #F0F0F0 18,00:1 AAA
Aa #3E002E на #F0F0F0 14,81:1 AAA
Aa #110000 на #FFD170 14,27:1 AAA
Aa #3E002E на #FFD170 11,74:1 AAA
Aa #2DD7C9 на #110000 11,40:1 AAA
Aa #2DD7C9 на #3E002E 9,38:1 AAA
Aa #4C3380 на #F0F0F0 8,81:1 AAA
Aa #110000 на #9E9E9E 7,66:1 AAA
Aa #4F4F4F на #F0F0F0 7,19:1 AAA
Aa #4C3380 на #FFD170 6,98:1 AA
Aa #3E002E на #9E9E9E 6,30:1 AA
Aa #110000 на #C97636 5,99:1 AA
Aa #4F4F4F на #FFD170 5,70:1 AA
Aa #2DD7C9 на #4C3380 5,58:1 AA
Aa #F0F0F0 на #A14D3F 5,05:1 AA
Aa #3E002E на #C97636 4,93:1 AA
Aa #F0F0F0 на #82674A 4,62:1 AA
Aa #2DD7C9 на #4F4F4F 4,55:1 AA
Aa #0074B7 на #F0F0F0 4,41:1 AA, великий текст
Aa #0074B7 на #110000 4,08:1 AA, великий текст
Aa #FFD170 на #A14D3F 4,00:1 AA, великий текст
Aa #110000 на #82674A 3,90:1 AA, великий текст
Aa #4C3380 на #9E9E9E 3,75:1 AA, великий текст
Aa #FFD170 на #82674A 3,66:1 AA, великий текст
Aa #110000 на #A14D3F 3,56:1 AA, великий текст
Aa #0074B7 на #FFD170 3,49:1 AA, великий текст
Aa #0074B7 на #3E002E 3,36:1 AA, великий текст
Aa #3E002E на #82674A 3,21:1 AA, великий текст
Aa #2DD7C9 на #A14D3F 3,20:1 AA, великий текст
Aa #4F4F4F на #9E9E9E 3,06:1 AA, великий текст
Aa #F0F0F0 на #C97636 3,01:1 AA, великий текст
Aa #2DD7C9 на #82674A 2,93:1 Не проходить
Aa #4C3380 на #C97636 2,93:1 Не проходить
Aa #3E002E на #A14D3F 2,93:1 Не проходить
Aa #2DD7C9 на #0074B7 2,79:1 Не проходить
Aa #110000 на #4F4F4F 2,50:1 Не проходить
Aa #4F4F4F на #C97636 2,39:1 Не проходить
Aa #FFD170 на #C97636 2,38:1 Не проходить
Aa #9E9E9E на #F0F0F0 2,35:1 Не проходить
Aa #9E9E9E на #A14D3F 2,15:1 Не проходить
Aa #3E002E на #4F4F4F 2,06:1 Не проходить
Aa #4C3380 на #110000 2,04:1 Не проходить
Aa #0074B7 на #4C3380 2,00:1 Не проходить
Aa #9E9E9E на #82674A 1,97:1 Не проходить
Aa #2DD7C9 на #C97636 1,91:1 Не проходить
Aa #4C3380 на #82674A 1,91:1 Не проходить
Aa #0074B7 на #9E9E9E 1,87:1 Не проходить
Aa #9E9E9E на #FFD170 1,86:1 Не проходить
Aa #4C3380 на #A14D3F 1,74:1 Не проходить
Aa #4C3380 на #3E002E 1,68:1 Не проходить
Aa #C97636 на #A14D3F 1,68:1 Не проходить
Aa #0074B7 на #4F4F4F 1,63:1 Не проходить
Aa #2DD7C9 на #F0F0F0 1,58:1 Не проходить
Aa #4F4F4F на #82674A 1,56:1 Не проходить
Aa #C97636 на #82674A 1,54:1 Не проходить
Aa #2DD7C9 на #9E9E9E 1,49:1 Не проходить
Aa #0074B7 на #C97636 1,47:1 Не проходить
Aa #4F4F4F на #A14D3F 1,42:1 Не проходить
Aa #9E9E9E на #C97636 1,28:1 Не проходить
Aa #F0F0F0 на #FFD170 1,26:1 Не проходить
Aa #2DD7C9 на #FFD170 1,25:1 Не проходить
Aa #4C3380 на #4F4F4F 1,23:1 Не проходить
Aa #3E002E на #110000 1,22:1 Не проходить
Aa #0074B7 на #A14D3F 1,15:1 Не проходить
Aa #A14D3F на #82674A 1,09:1 Не проходить
Aa #0074B7 на #82674A 1,05:1 Не проходить

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

#222831 #393E46 #00ADB5 #EEEEEE
4 кольори
#F9F7F7 #DBE2EF #3F72AF #112D4E
4 кольори
#1B262C #0F4C75 #3282B8 #BBE1FA
4 кольори
#08D9D6 #252A34 #FF2E63 #EAEAEA
4 кольори
#27374D #526D82 #9DB2BF #DDE6ED
4 кольори
#364F6B #3FC1C9 #F5F5F5 #FC5185
4 кольори
#E4F9F5 #30E3CA #11999E #40514E
4 кольори
#F0F5F9 #C9D6DF #52616B #1E2022
4 кольори