Генератор палітр
  1. Палітри кольорів
  2. React Component Flow System

React Component Flow System

  • JS Yellow
    #f7df1e
  • React Ocean
    #61dafb
  • Framework Slate
    #2b2b2b
  • Node Canopy
    #6cc24a
  • Semantic Rose
    #ff6492
  • Input Pearl
    #fafafa
  • Code Lavender
    #a393eb
  21
Створено 07/12/2025 20:05
авторraccoon
Палітра містить світлий, темний кольори. Акцентні кольори React Ocean #61dafb та Semantic Rose #ff6492. Палітра має температуру кольорів Теплий, Холодний, Нейтральний.

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

Загалом насиченість здається яскравою (висока хрома) — 57% кольорів яскраві.

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

Загалом температура зміщена в бік холодного (3 із 7).

HEX-коди (відсортовано): #2B2B2B, #61DAFB, #6CC24A, #A393EB, #F7DF1E, #FAFAFA, #FF6492

Палітра React Component Flow System містить комбінацію з 7 кодів кольорів :
HEX: #f7df1e, RGB: (247, 223, 30); HEX: #61dafb, RGB: (97, 218, 251); HEX: #2b2b2b, RGB: (43, 43, 43)
HEX: #6cc24a, RGB: (108, 194, 74); HEX: #ff6492, RGB: (255, 100, 146); HEX: #fafafa, RGB: (250, 250, 250)
HEX: #a393eb, RGB: (163, 147, 235)
Спрощений варіант палітри кольорів
Світлий відтінок Золотий, Темний відтінок Небесно-блакитний, Світлий відтінок Чорний, Світлий відтінок Зелений лайм, Світлий відтінок Блідий фіолетово-червоний, Світлий відтінок Димчасто-білий, Світлий відтінок Помірно-фіолетовий
Кольорова схема створена автором raccoon

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

React Component Flow System коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#f7df1e #f7df1e RGB(247, 223, 30)JS Yellow—
#61dafb #61dafb RGB(97, 218, 251)React Ocean—
#2b2b2b #2b2b2b RGB(43, 43, 43)Framework SlateShoe Wax
#6cc24a #6cc24a RGB(108, 194, 74)Node Canopy—
#ff6492 #ff6492 RGB(255, 100, 146)Semantic Rose—
#fafafa #fafafa RGB(250, 250, 250)Input PearlDr. White
#a393eb #a393eb RGB(163, 147, 235)Code Lavender—

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

11 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#f7df1e
#61dafb
1.2
#f7df1e
#6cc24a
1.64
#f7df1e
#fafafa
1.29
#f7df1e
#a393eb
1.95
#61dafb
#6cc24a
1.36
#61dafb
#ff6492
1.72

Палітра із зображення React Component Flow System png

React Component Flow System палітра кольорів: JS Yellow, React Ocean, Framework Slate, Node Canopy, Semantic Rose
 Завантажити зображення