Генератор палітр
  1. Палітри кольорів
  2. React Stateflow Dev Theme

React Stateflow Dev Theme

  • Component Cream
    #f7f5f0
  • Hook Slate
    #707070
  • Dispatch Yellow
    #ffd93d
  • Effect Blush
    #f99aa6
  • Tree Graphite
    #3b3b3b
  • Props Mint
    #b2ffda
  1
Створено 07/13/2025 09:19
авторcolorday
Палітра містить світлий, напівтемний кольори. Акцентні кольори Effect Blush #f99aa6 та Props Mint #b2ffda. Палітра має температуру кольорів Нейтральний, Теплий, Холодний.

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

Насиченість змішана — 2 приглушених і 3 яскравих із 6 кольорів.

Деякі кольори розташовані майже навпроти один одного на колірному колі, що дає палітрі комплементарний контраст.

Загалом температура зміщена в бік теплого (2 із 6).

HEX-коди (відсортовано): #3B3B3B, #707070, #B2FFDA, #F7F5F0, #F99AA6, #FFD93D

Палітра React Stateflow Dev Theme містить комбінацію з 6 кодів кольорів :
HEX: #f7f5f0, RGB: (247, 245, 240); HEX: #707070, RGB: (112, 112, 112); HEX: #ffd93d, RGB: (255, 217, 61)
HEX: #f99aa6, RGB: (249, 154, 166); HEX: #3b3b3b, RGB: (59, 59, 59); HEX: #b2ffda, RGB: (178, 255, 218)
Спрощений варіант палітри кольорів
Темний відтінок Квітково-білий, Світлий відтінок Тьмяно-сірий, Світлий відтінок Золотий, Темний відтінок Світло-рожевий, Темний відтінок Темний сланцево-сірий, Світлий відтінок Аквамариновий
Кольорова схема створена автором colorday

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

React Stateflow Dev Theme коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#f7f5f0 #f7f5f0 RGB(247, 245, 240)Component Cream—
#707070 #707070 RGB(112, 112, 112)Hook SlateGray44
#ffd93d #ffd93d RGB(255, 217, 61)Dispatch Yellow—
#f99aa6 #f99aa6 RGB(249, 154, 166)Effect Blush—
#3b3b3b #3b3b3b RGB(59, 59, 59)Tree GraphiteGray23
#b2ffda #b2ffda RGB(178, 255, 218)Props Mint—

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

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#f7f5f0
#ffd93d
1.26
#f7f5f0
#f99aa6
1.88
#f7f5f0
#b2ffda
1.05
#ffd93d
#f99aa6
1.49
#ffd93d
#b2ffda
1.19
#f99aa6
#b2ffda
1.78

Палітра із зображення React Stateflow Dev Theme png

React Stateflow Dev Theme палітра кольорів: Component Cream, Hook Slate, Dispatch Yellow, Effect Blush, Tree Graphite
 Завантажити зображення