Loading...
Створено 09/01/2022 20:46
авторcolorswall
  0.18k

Ui minimal typography course

  • Gray (HTML/CSS Gray)
    #7f7f7f
  • Gray (X11)
    #bcbcbc
  • Gray
    #424242
  • Gray (HTML/CSS Gray)
    #7c7c7c
  • Gray
    #444444
  • Goshawk Grey
    #444444
Loading...
Палітра містить світлий кольори. Акцентні кольори Gray (HTML/CSS Gray) #7f7f7f та Gray (X11) #bcbcbc. Палітра має температуру кольорів Нейтральний.

За світлістю палітра сягає від #424242 (найтемніший) до #BCBCBC (найсвітліший). Діапазон світлості помірний.

Загалом насиченість здається переважно приглушеною (низька хрома).

Більшість кольорів близькі до нейтральних або дуже слабо насичені; зв’язки між відтінками тонкі.

Більшість зразків читаються як нейтральні за температурою.

HEX-коди (відсортовано): #424242, #444444, #7C7C7C, #7F7F7F, #BCBCBC

Палітра Ui minimal typography course містить комбінацію з 6 кодів кольорів :
HEX: #7f7f7f, RGB: (127, 127, 127); HEX: #bcbcbc, RGB: (188, 188, 188); HEX: #424242, RGB: (66, 66, 66)
HEX: #7c7c7c, RGB: (124, 124, 124); HEX: #444444, RGB: (68, 68, 68); HEX: #444444, RGB: (68, 68, 68)
Спрощений варіант палітри кольорів
Відтінок Сірий, Відтінок Срібний, Відтінок darkslategrey, Відтінок Сірий, Відтінок dimgrey, Відтінок dimgrey
Кольорова схема створена автором colorswall

Коди кольорів у палітрі

Ui minimal typography course коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#7f7f7f #7f7f7f RGB(127, 127, 127)Gray (HTML/CSS Gray)Gray50
#bcbcbc #bcbcbc RGB(188, 188, 188)Gray (X11)
#424242 #424242 RGB(66, 66, 66)GrayBlack Panther
#7c7c7c #7c7c7c RGB(124, 124, 124)Gray (HTML/CSS Gray)
#444444 #444444 RGB(68, 68, 68)GrayGoshawk Grey
#444444 #444444 RGB(68, 68, 68)Goshawk Grey

Контраст палітри кольорів

4 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#7f7f7f
#7c7c7c
1.04
#424242
#444444
1.03
#424242
#444444
1.03
#444444
#444444
1

Зображення палітри Ui minimal typography course png

Loading...
Loading...
Loading...