Реєстрація Реєстрація
Rising Tide

Rising Tide

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

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

Rising Tide

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

Редагувати
Землисті 12 кольорів Теплі Темні Аналогова art robot matt dixon
Вподобання 22
Кольори 12

CSS-змінні

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #261B15;
  --c-earthy-3: #362B16;
  --c-earthy-4: #4C4526;
  --c-earthy-5: #625F35;
  --c-earthy-6: #826239;
  --c-earthy-7: #DBC08C;
  --c-earthy-8: #C29460;
  --c-earthy-9: #A86B39;
  --c-earthy-10: #7E4B24;
  --c-earthy-11: #522E13;
  --c-earthy-12: #2E1A09;
}

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

Ця землиста палітра з 12 кольорів охоплює діапазон від Expedition Khaki (#DBC08C), найсвітлішого тону, до Black (#000000), найтемнішого. Вона об'єднує Black, Tetsu-Guro Black, Vanilla Bean Brown, Uniform Green, Basque Green, Coyote Brown, Expedition Khaki, Mid Tan, Tanooki Suit Brown, Mummy Brown, Dark Catacombs та Darkout в один набір, який можна одразу перенести в інтерфейс. Пар кольорів у палітрі: 66. Поріг контрастності WCAG AA (4,5:1) для основного тексту проходять 11 з них, найконтрастніша — #000000 на #DBC08C (11,93:1).

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

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

Black #000000
RGB
rgb(0, 0, 0)
HSL
hsl(0, 0%, 0%)
Яскравість
0,000
Tetsu-Guro Black #261B15
RGB
rgb(38, 27, 21)
HSL
hsl(21, 29%, 12%)
Яскравість
0,013
Vanilla Bean Brown #362B16
RGB
rgb(54, 43, 22)
HSL
hsl(39, 42%, 15%)
Яскравість
0,026
Uniform Green #4C4526
RGB
rgb(76, 69, 38)
HSL
hsl(49, 33%, 22%)
Яскравість
0,059
Basque Green #625F35
RGB
rgb(98, 95, 53)
HSL
hsl(56, 30%, 30%)
Яскравість
0,110
Coyote Brown #826239
RGB
rgb(130, 98, 57)
HSL
hsl(34, 39%, 37%)
Яскравість
0,138
Expedition Khaki #DBC08C
RGB
rgb(219, 192, 140)
HSL
hsl(39, 52%, 70%)
Яскравість
0,547
Mid Tan #C29460
RGB
rgb(194, 148, 96)
HSL
hsl(32, 45%, 57%)
Яскравість
0,335
Tanooki Suit Brown #A86B39
RGB
rgb(168, 107, 57)
HSL
hsl(27, 49%, 44%)
Яскравість
0,191
Mummy Brown #7E4B24
RGB
rgb(126, 75, 36)
HSL
hsl(26, 56%, 32%)
Яскравість
0,096
Dark Catacombs #522E13
RGB
rgb(82, 46, 19)
HSL
hsl(26, 62%, 20%)
Яскравість
0,038
Darkout #2E1A09
RGB
rgb(46, 26, 9)
HSL
hsl(28, 67%, 11%)
Яскравість
0,013

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

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

Aa #000000 на #DBC08C 11,93:1 AAA
Aa #261B15 на #DBC08C 9,54:1 AAA
Aa #DBC08C на #2E1A09 9,41:1 AAA
Aa #362B16 на #DBC08C 7,88:1 AAA
Aa #000000 на #C29460 7,70:1 AAA
Aa #DBC08C на #522E13 6,78:1 AA
Aa #261B15 на #C29460 6,16:1 AA
Aa #C29460 на #2E1A09 6,07:1 AA
Aa #4C4526 на #DBC08C 5,46:1 AA
Aa #362B16 на #C29460 5,09:1 AA
Aa #000000 на #A86B39 4,83:1 AA
Aa #C29460 на #522E13 4,38:1 AA, великий текст
Aa #DBC08C на #7E4B24 4,09:1 AA, великий текст
Aa #261B15 на #A86B39 3,86:1 AA, великий текст
Aa #A86B39 на #2E1A09 3,81:1 AA, великий текст
Aa #000000 на #826239 3,76:1 AA, великий текст
Aa #625F35 на #DBC08C 3,72:1 AA, великий текст
Aa #4C4526 на #C29460 3,52:1 AA, великий текст
Aa #000000 на #625F35 3,21:1 AA, великий текст
Aa #362B16 на #A86B39 3,19:1 AA, великий текст
Aa #826239 на #DBC08C 3,18:1 AA, великий текст
Aa #261B15 на #826239 3,00:1 AA, великий текст
Aa #826239 на #2E1A09 2,96:1 Не проходить
Aa #000000 на #7E4B24 2,92:1 Не проходить
Aa #A86B39 на #522E13 2,74:1 Не проходить
Aa #C29460 на #7E4B24 2,64:1 Не проходить
Aa #261B15 на #625F35 2,57:1 Не проходить
Aa #625F35 на #2E1A09 2,53:1 Не проходить
Aa #362B16 на #826239 2,48:1 Не проходить
Aa #DBC08C на #A86B39 2,47:1 Не проходить
Aa #625F35 на #C29460 2,40:1 Не проходить
Aa #261B15 на #7E4B24 2,34:1 Не проходить
Aa #7E4B24 на #2E1A09 2,30:1 Не проходить
Aa #4C4526 на #A86B39 2,21:1 Не проходить
Aa #000000 на #4C4526 2,19:1 Не проходить
Aa #826239 на #522E13 2,13:1 Не проходить
Aa #362B16 на #625F35 2,12:1 Не проходить
Aa #826239 на #C29460 2,05:1 Не проходить
Aa #362B16 на #7E4B24 1,93:1 Не проходить
Aa #625F35 на #522E13 1,82:1 Не проходить
Aa #000000 на #522E13 1,76:1 Не проходить
Aa #261B15 на #4C4526 1,75:1 Не проходить
Aa #4C4526 на #826239 1,72:1 Не проходить
Aa #4C4526 на #2E1A09 1,72:1 Не проходить
Aa #7E4B24 на #522E13 1,66:1 Не проходить
Aa #A86B39 на #7E4B24 1,65:1 Не проходить
Aa #C29460 на #A86B39 1,59:1 Не проходить
Aa #DBC08C на #C29460 1,55:1 Не проходить
Aa #000000 на #362B16 1,51:1 Не проходить
Aa #625F35 на #A86B39 1,50:1 Не проходить
Aa #4C4526 на #625F35 1,47:1 Не проходить
Aa #362B16 на #4C4526 1,44:1 Не проходить
Aa #261B15 на #522E13 1,41:1 Не проходить
Aa #522E13 на #2E1A09 1,39:1 Не проходить
Aa #4C4526 на #7E4B24 1,34:1 Не проходить
Aa #826239 на #A86B39 1,29:1 Не проходить
Aa #826239 на #7E4B24 1,29:1 Не проходить
Aa #000000 на #2E1A09 1,27:1 Не проходить
Aa #000000 на #261B15 1,25:1 Не проходить
Aa #4C4526 на #522E13 1,24:1 Не проходить
Aa #261B15 на #362B16 1,21:1 Не проходить
Aa #362B16 на #2E1A09 1,19:1 Не проходить
Aa #625F35 на #826239 1,17:1 Не проходить
Aa #362B16 на #522E13 1,16:1 Не проходить
Aa #625F35 на #7E4B24 1,10:1 Не проходить
Aa #261B15 на #2E1A09 1,01: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 кольори