Палітри кольорів
React Component UI Dark Mode AI FlowKit

Створено 08/25/2025 19:11

React Component UI Dark Mode AI FlowKit

Hook Blue
#4ea8de
State Green
#50c878
Prop Pink
#ff7f91
Context Cream
#fff4e1
Render Slate
#1f2029
Virtual DOM Black
#101010

Палітра містить світлий, темний кольори. Акцентні кольори Hook Blue #4ea8de та Context Cream #fff4e1. Палітра має температуру кольорів Холодний, Теплий, Нейтральний.

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

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

Деякі пари відтінків близькі до комплементарних позицій — можливе читання як комплементарний контраст (евристика).

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

HEX-коди (відсортовано): #101010, #1F2029, #4EA8DE, #50C878, #FF7F91, #FFF4E1

Палітра React Component UI Dark Mode AI FlowKit містить комбінацію з 6 кодів кольорів :

HEX: #4ea8de, RGB: (78, 168, 222); HEX: #50c878, RGB: (80, 200, 120); HEX: #ff7f91, RGB: (255, 127, 145)

HEX: #fff4e1, RGB: (255, 244, 225); HEX: #1f2029, RGB: (31, 32, 41); HEX: #101010, RGB: (16, 16, 16)

Спрощений варіант палітри кольорів

Відтінок deepskyblue, Відтінок mediumseagreen, Відтінок lightcoral, Відтінок oldlace, Відтінок Чорний, Відтінок Чорний

Кольорова схема створена автором colorstudio

Більше палітр з:

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

React Component UI Dark Mode AI FlowKit коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#4ea8de	#4ea8de	RGB(78, 168, 222)	Hook Blue	—
#50c878	#50c878	RGB(80, 200, 120)	State Green	Emerald Reflection
#ff7f91	#ff7f91	RGB(255, 127, 145)	Prop Pink	—
#fff4e1	#fff4e1	RGB(255, 244, 225)	Context Cream	—
#1f2029	#1f2029	RGB(31, 32, 41)	Render Slate	—
#101010	#101010	RGB(16, 16, 16)	Virtual DOM Black	—

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

5 пари кольорів мають низький контраст і потребують покращення, що може вплинути на зручність читання.

Колір тексту	Колір фону	Коефіцієнт контрастності
#4ea8de	#50c878	1.23
#4ea8de	#ff7f91	1.08
#50c878	#ff7f91	1.13
#50c878	#fff4e1	1.95
#1f2029	#101010	1.17

Зображення палітри React Component UI Dark Mode AI FlowKit png

React Component UI Dark Mode AI FlowKit - #559348

--color-hook-blue:	#4ea8de;
--color-state-green:	#50c878;
--color-prop-pink:	#ff7f91;
--color-context-cream:	#fff4e1;
--color-render-slate:	#1f2029;
--color-virtual-dom-black:	#101010;

$color-hook-blue:	#4ea8de;
$color-state-green:	#50c878;
$color-prop-pink:	#ff7f91;
$color-context-cream:	#fff4e1;
$color-render-slate:	#1f2029;
$color-virtual-dom-black:	#101010;

@color-hook-blue:	#4ea8de;
@color-state-green:	#50c878;
@color-prop-pink:	#ff7f91;
@color-context-cream:	#fff4e1;
@color-render-slate:	#1f2029;
@color-virtual-dom-black:	#101010;

React Component UI Dark Mode AI FlowKit

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

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

Зображення палітри React Component UI Dark Mode AI FlowKit png

Схожі палітри кольорів

Green Jelly, Purple Cabbage, Digital Violets, Lake View, Cartwheel, Pinecone Hill, Candidate, Island Breeze, Bell Tower, Sandbank,

Toreador, Fresh Apple, Jacaranda Jazz, Apple Herb Black, Blue Lava, Blue Steel, Barnfloor, In the Blue, Niebla Azul palette

Dirt Brown, Safety Yellow, Aurora Green, Kingfisher Blue, San Felix, Mocha Black, Flaxen Field, Dressy Rose, Jemima, Celtic Spring

Montezuma Gold, Douglas Fir Green, Precious Oxley, Purple Peril, Raspberry Radiance, Self-Love, Unfussy Beige palette

Ocean Oasis, Cuban Rhythm, Seagrass Green, Blue Royale, Sunlit Allium, Iron Wood, Creamy Peach, Light Ginger Yellow palette

Level Up, Sage Blossom Blue, Diver&#39;s Eden, Liberal Lilac, Exuberant Pink, Charcoal Dust, Urban Charm, Chateau, Aqua Vitale, Seafoa

Level Up, Sage Blossom Blue, Diver's Eden, Liberal Lilac, Exuberant Pink, Charcoal Dust, Urban Charm, Chateau, Aqua Vitale, Seafoa