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

Composable React UI Pattern Flow

  • Hook Aqua
    #7ce2dd
  • State Plum
    #b983ff
  • Prop Fog
    #f5f5f5
  • Event Yellow
    #ffd93d
  • Render Navy
    #2d3142
  • Context Charcoal
    #1c1c1c
  21
Створено 06/09/2025 08:12
авторcolorscheme
Палітра містить світлий, темний кольори. Акцентні кольори State Plum #b983ff та Event Yellow #ffd93d. Палітра має температуру кольорів Холодний, Нейтральний, Теплий.

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

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

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

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

HEX-коди (відсортовано): #1C1C1C, #2D3142, #7CE2DD, #B983FF, #F5F5F5, #FFD93D

Палітра Composable React UI Pattern Flow містить комбінацію з 6 кодів кольорів :
HEX: #7ce2dd, RGB: (124, 226, 221); HEX: #b983ff, RGB: (185, 131, 255); HEX: #f5f5f5, RGB: (245, 245, 245)
HEX: #ffd93d, RGB: (255, 217, 61); HEX: #2d3142, RGB: (45, 49, 66); HEX: #1c1c1c, RGB: (28, 28, 28)
Спрощений варіант палітри кольорів
Світлий відтінок Помірно-бірюзовий, Світлий відтінок Помірно-фіолетовий, Димчасто-білий, Світлий відтінок Золотий, Темний відтінок Темний сланцево-синій, Світлий відтінок Чорний
Кольорова схема створена автором colorscheme

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

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

Колір HEX RGB Назва Альтернативна назва
#7ce2dd #7ce2dd RGB(124, 226, 221)Hook Aqua—
#b983ff #b983ff RGB(185, 131, 255)State Plum—
#f5f5f5 #f5f5f5 RGB(245, 245, 245)Prop FogWhitesmoke
#ffd93d #ffd93d RGB(255, 217, 61)Event Yellow—
#2d3142 #2d3142 RGB(45, 49, 66)Render Navy—
#1c1c1c #1c1c1c RGB(28, 28, 28)Context CharcoalGray11

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

6 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#7ce2dd
#b983ff
1.77
#7ce2dd
#f5f5f5
1.39
#7ce2dd
#ffd93d
1.1
#b983ff
#ffd93d
1.96
#f5f5f5
#ffd93d
1.26
#2d3142
#1c1c1c
1.32

Палітра із зображення Composable React UI Pattern Flow png

Composable React UI Pattern Flow палітра кольорів: Hook Aqua, State Plum, Prop Fog, Event Yellow, Render Navy
 Завантажити зображення