Генератор палітр
  1. Палітри кольорів
  2. Stateful React Hook Studio

Stateful React Hook Studio

  • UseState Cyan
    #88fff7
  • Effect Blush
    #ffc2c2
  • Memo Plum
    #c9a0dc
  • Callback Jet
    #2d2d2d
  • Debug Eggshell
    #fdfbf7
  • Rerender Sunset
    #ffa07a
  6
Створено 06/09/2025 09:52
авторbad_colors
Палітра містить світлий, темний кольори. Акцентні кольори UseState Cyan #88fff7 та Effect Blush #ffc2c2. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

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

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

Теплі й холодні зразки доволі збалансовані (2 теплих, 2 холодних).

HEX-коди (відсортовано): #2D2D2D, #88FFF7, #C9A0DC, #FDFBF7, #FFA07A, #FFC2C2

Палітра Stateful React Hook Studio містить комбінацію з 6 кодів кольорів :
HEX: #88fff7, RGB: (136, 255, 247); HEX: #ffc2c2, RGB: (255, 194, 194); HEX: #c9a0dc, RGB: (201, 160, 220)
HEX: #2d2d2d, RGB: (45, 45, 45); HEX: #fdfbf7, RGB: (253, 251, 247); HEX: #ffa07a, RGB: (255, 160, 122)
Спрощений варіант палітри кольорів
Світлий відтінок Ціан, Світлий відтінок Рожевий, Темний відтінок Сливовий, Світлий відтінок Чорний, Темний відтінок Білий, Світло-лососевий
Кольорова схема створена автором bad_colors

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

Stateful React Hook Studio коди кольорів HEX, RGB інформація у таблиці

Колір HEX RGB Назва Альтернативна назва
#88fff7 #88fff7 RGB(136, 255, 247)UseState Cyan—
#ffc2c2 #ffc2c2 RGB(255, 194, 194)Effect Blush—
#c9a0dc #c9a0dc RGB(201, 160, 220)Memo PlumAutumn Wisteria
#2d2d2d #2d2d2d RGB(45, 45, 45)Callback Jet—
#fdfbf7 #fdfbf7 RGB(253, 251, 247)Debug Eggshell—
#ffa07a #ffa07a RGB(255, 160, 122)Rerender SunsetLightsalmon

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

9 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.
Колір тексту Колір фону Коефіцієнт контрастності
#88fff7
#ffc2c2
1.28
#88fff7
#c9a0dc
1.85
#88fff7
#fdfbf7
1.14
#88fff7
#ffa07a
1.67
#ffc2c2
#c9a0dc
1.44
#ffc2c2
#fdfbf7
1.47

Палітра із зображення Stateful React Hook Studio png

Stateful React Hook Studio палітра кольорів: UseState Cyan, Effect Blush, Memo Plum, Callback Jet, Debug Eggshell
 Завантажити зображення