Створено 06/14/2020 19:07
AD-App colour scheme
BUTTON-1
#b3f3e3
BUTTON-2
#e3b3f3
BUTTON-3
#f3e3b3
CARD
#cfcfcf
BUTTON-3-DARK
#b78d0c
BUTTON-2-DARK
#8d0cb7
BUTTON-1-DARK
#0cb78d
BACKGROUND
#eaeaea
TEXT-ON-LIGHT
#000000
TEXT-ON-DARK
#ffffff
Палітра містить світлий, темний кольори. Акцентні кольори BUTTON-3-DARK #b78d0c та BUTTON-1-DARK #0cb78d. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.
Палітра AD-App colour scheme містить комбінацію з 10 кодів кольорів :
HEX: #b3f3e3, RGB: (179, 243, 227); HEX: #e3b3f3, RGB: (227, 179, 243); HEX: #f3e3b3, RGB: (243, 227, 179)
HEX: #cfcfcf, RGB: (207, 207, 207); HEX: #b78d0c, RGB: (183, 141, 12); HEX: #8d0cb7, RGB: (141, 12, 183)
HEX: #0cb78d, RGB: (12, 183, 141); HEX: #eaeaea, RGB: (234, 234, 234); HEX: #000000, RGB: (0, 0, 0)
HEX: #ffffff, RGB: (255, 255, 255)
Спрощений варіант палітри кольорів
Відтінок paleturquoise, Відтінок plum, Відтінок wheat, Відтінок lightgrey, Відтінок darkgoldenrod, Відтінок darkviolet, Відтінок mediumseagreen, Відтінок whitesmoke, Чорний, Білий
Кольорова схема створена автором lunosgoode
Коди кольорів у палітрі
AD-App colour scheme коди кольорів HEX, RGB інформація у таблиці
| Колір | HEX | RGB | Назва | Альтернативна назва |
| #b3f3e3 | #b3f3e3 | RGB(179, 243, 227) | BUTTON-1 | — |
| #e3b3f3 | #e3b3f3 | RGB(227, 179, 243) | BUTTON-2 | — |
| #f3e3b3 | #f3e3b3 | RGB(243, 227, 179) | BUTTON-3 | — |
| #cfcfcf | #cfcfcf | RGB(207, 207, 207) | CARD | American Silver |
| #b78d0c | #b78d0c | RGB(183, 141, 12) | BUTTON-3-DARK | — |
| #8d0cb7 | #8d0cb7 | RGB(141, 12, 183) | BUTTON-2-DARK | — |
| #0cb78d | #0cb78d | RGB(12, 183, 141) | BUTTON-1-DARK | — |
| #eaeaea | #eaeaea | RGB(234, 234, 234) | BACKGROUND | Plaster |
| #000000 | #000000 | RGB(0, 0, 0) | TEXT-ON-LIGHT | Black |
| #ffffff | #ffffff | RGB(255, 255, 255) | TEXT-ON-DARK | White |
Контраст палітри кольорів
20 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
| Колір тексту | Колір фону | Коефіцієнт контрастності |
#b3f3e3 | #e3b3f3 | 1.4 |
#b3f3e3 | #f3e3b3 | 1.02 |
#b3f3e3 | #cfcfcf | 1.24 |
#b3f3e3 | #eaeaea | 1.03 |
#b3f3e3 | #ffffff | 1.24 |
#e3b3f3 | #f3e3b3 | 1.36 |
