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

Ponder

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

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

Ponder

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

Редагувати
Землисті 11 кольорів Холодні Змішані Комплементарна ponder orb meme
Вподобання 52
Кольори 11

CSS-змінні

:root {
  --c-earthy-1: #342020;
  --c-earthy-2: #6D505E;
  --c-earthy-3: #985A78;
  --c-earthy-4: #847DB5;
  --c-earthy-5: #69B1D6;
  --c-earthy-6: #94C6E1;
  --c-earthy-7: #D1F7FF;
  --c-earthy-8: #FFFFFF;
  --c-earthy-9: #83DBFD;
  --c-earthy-10: #2AA5C1;
  --c-earthy-11: #1B6071;
}

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

Ця землиста палітра з 11 кольорів охоплює діапазон від White (#FFFFFF), найсвітлішого тону, до Hornblende (#342020), найтемнішого. Вона об'єднує Hornblende, Dynamic, Rose Wine, Murex, Skyscape, Caribbean Coast, Pale Blue, White, Tranquil Pool, Gulf Waters та Deep Blue Sea в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 55. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 14 з них, найконтрастніша — #342020 на #FFFFFF (15,29:1).

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

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

Hornblende #342020
RGB
rgb(52, 32, 32)
HSL
hsl(0, 24%, 16%)
Яскравість
0,019
Dynamic #6D505E
RGB
rgb(109, 80, 94)
HSL
hsl(331, 15%, 37%)
Яскравість
0,098
Rose Wine #985A78
RGB
rgb(152, 90, 120)
HSL
hsl(331, 26%, 47%)
Яскравість
0,153
Murex #847DB5
RGB
rgb(132, 125, 181)
HSL
hsl(248, 27%, 60%)
Яскравість
0,229
Skyscape #69B1D6
RGB
rgb(105, 177, 214)
HSL
hsl(200, 57%, 63%)
Яскравість
0,393
Caribbean Coast #94C6E1
RGB
rgb(148, 198, 225)
HSL
hsl(201, 56%, 73%)
Яскравість
0,521
Pale Blue #D1F7FF
RGB
rgb(209, 247, 255)
HSL
hsl(190, 100%, 91%)
Яскравість
0,873
White #FFFFFF
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Яскравість
1,000
Tranquil Pool #83DBFD
RGB
rgb(131, 219, 253)
HSL
hsl(197, 97%, 75%)
Яскравість
0,626
Gulf Waters #2AA5C1
RGB
rgb(42, 165, 193)
HSL
hsl(191, 64%, 46%)
Яскравість
0,313
Deep Blue Sea #1B6071
RGB
rgb(27, 96, 113)
HSL
hsl(192, 61%, 27%)
Яскравість
0,098

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

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

Aa #342020 на #FFFFFF 15,29:1 AAA
Aa #342020 на #D1F7FF 13,44:1 AAA
Aa #342020 на #83DBFD 9,84:1 AAA
Aa #342020 на #94C6E1 8,32:1 AAA
Aa #6D505E на #FFFFFF 7,10:1 AAA
Aa #FFFFFF на #1B6071 7,10:1 AAA
Aa #342020 на #69B1D6 6,45:1 AA
Aa #6D505E на #D1F7FF 6,24:1 AA
Aa #D1F7FF на #1B6071 6,24:1 AA
Aa #342020 на #2AA5C1 5,28:1 AA
Aa #985A78 на #FFFFFF 5,16:1 AA
Aa #6D505E на #83DBFD 4,57:1 AA
Aa #83DBFD на #1B6071 4,57:1 AA
Aa #985A78 на #D1F7FF 4,54:1 AA
Aa #342020 на #847DB5 4,06:1 AA, великий текст
Aa #6D505E на #94C6E1 3,86:1 AA, великий текст
Aa #94C6E1 на #1B6071 3,86:1 AA, великий текст
Aa #847DB5 на #FFFFFF 3,76:1 AA, великий текст
Aa #985A78 на #83DBFD 3,32:1 AA, великий текст
Aa #847DB5 на #D1F7FF 3,31:1 AA, великий текст
Aa #69B1D6 на #1B6071 3,00:1 AA, великий текст
Aa #6D505E на #69B1D6 2,99:1 Не проходить
Aa #342020 на #985A78 2,96:1 Не проходить
Aa #FFFFFF на #2AA5C1 2,90:1 Не проходить
Aa #985A78 на #94C6E1 2,81:1 Не проходить
Aa #D1F7FF на #2AA5C1 2,55:1 Не проходить
Aa #6D505E на #2AA5C1 2,45:1 Не проходить
Aa #2AA5C1 на #1B6071 2,45:1 Не проходить
Aa #847DB5 на #83DBFD 2,42:1 Не проходить
Aa #69B1D6 на #FFFFFF 2,37:1 Не проходить
Aa #985A78 на #69B1D6 2,18:1 Не проходить
Aa #342020 на #6D505E 2,15:1 Не проходить
Aa #342020 на #1B6071 2,15:1 Не проходить
Aa #69B1D6 на #D1F7FF 2,08:1 Не проходить
Aa #847DB5 на #94C6E1 2,05:1 Не проходить
Aa #6D505E на #847DB5 1,89:1 Не проходить
Aa #847DB5 на #1B6071 1,89:1 Не проходить
Aa #83DBFD на #2AA5C1 1,86:1 Не проходить
Aa #94C6E1 на #FFFFFF 1,84:1 Не проходить
Aa #985A78 на #2AA5C1 1,78:1 Не проходить
Aa #94C6E1 на #D1F7FF 1,62:1 Не проходить
Aa #847DB5 на #69B1D6 1,59:1 Не проходить
Aa #94C6E1 на #2AA5C1 1,58:1 Не проходить
Aa #FFFFFF на #83DBFD 1,55:1 Не проходить
Aa #69B1D6 на #83DBFD 1,53:1 Не проходить
Aa #985A78 на #1B6071 1,38:1 Не проходить
Aa #6D505E на #985A78 1,37:1 Не проходить
Aa #985A78 на #847DB5 1,37:1 Не проходить
Aa #D1F7FF на #83DBFD 1,37:1 Не проходить
Aa #847DB5 на #2AA5C1 1,30:1 Не проходить
Aa #69B1D6 на #94C6E1 1,29:1 Не проходить
Aa #69B1D6 на #2AA5C1 1,22:1 Не проходить
Aa #94C6E1 на #83DBFD 1,18:1 Не проходить
Aa #D1F7FF на #FFFFFF 1,14:1 Не проходить
Aa #6D505E на #1B6071 1,00: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 кольори