Tailwind Neon Flux

Utility Electric Lime
#ccff00
Responsive Pink Neon
#ff33cc
Breakpoint Ocean Blue
#0077ff
Hover Neon Yellow
#ffff33
Custom Cyan Spark
#00ffff
Flex Violet Glow
#9b30ff

Палітра містить світлий, напівтемний кольори. Акцентні кольори Hover Neon Yellow #ffff33 та Custom Cyan Spark #00ffff. Палітра має температуру кольорів Теплий, Холодний.

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

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

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

Теплі й холодні зразки доволі збалансовані.

HEX-коди (відсортовано): #0077FF, #00FFFF, #9B30FF, #CCFF00, #FF33CC, #FFFF33

Палітра Tailwind Neon Flux містить комбінацію з 6 кодів кольорів :

HEX: #ccff00, RGB: (204, 255, 0); HEX: #ff33cc, RGB: (255, 51, 204); HEX: #0077ff, RGB: (0, 119, 255)

HEX: #ffff33, RGB: (255, 255, 51); HEX: #00ffff, RGB: (0, 255, 255); HEX: #9b30ff, RGB: (155, 48, 255)

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

Відтінок greenyellow, Відтінок пурпуровий, Відтінок royalblue, Відтінок Жовтий, Відтінок blueviolet

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

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

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

Tailwind Neon Flux коди кольорів HEX, RGB інформація у таблиці

Колір	HEX	RGB	Назва	Альтернативна назва
#ccff00	#ccff00	RGB(204, 255, 0)	Utility Electric Lime	Electric Lime
#ff33cc	#ff33cc	RGB(255, 51, 204)	Responsive Pink Neon	Razzle Dazzle Rose
#0077ff	#0077ff	RGB(0, 119, 255)	Breakpoint Ocean Blue	Blue Sparkle
#ffff33	#ffff33	RGB(255, 255, 51)	Hover Neon Yellow	Big Yellow Taxi
#00ffff	#00ffff	RGB(0, 255, 255)	Custom Cyan Spark	Aqua
#9b30ff	#9b30ff	RGB(155, 48, 255)	Flex Violet Glow	Purple1

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

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

Колір тексту	Колір фону	Коефіцієнт контрастності
#ccff00	#ffff33	1.09
#ccff00	#00ffff	1.06
#ff33cc	#0077ff	1.29
#ff33cc	#9b30ff	1.54
#0077ff	#9b30ff	1.19
#ffff33	#00ffff	1.17

Зображення палітри Tailwind Neon Flux png

--color-utility-electric-lime:	#ccff00;
--color-responsive-pink-neon:	#ff33cc;
--color-breakpoint-ocean-blue:	#0077ff;
--color-hover-neon-yellow:	#ffff33;
--color-custom-cyan-spark:	#00ffff;
--color-flex-violet-glow:	#9b30ff;

$color-utility-electric-lime:	#ccff00;
$color-responsive-pink-neon:	#ff33cc;
$color-breakpoint-ocean-blue:	#0077ff;
$color-hover-neon-yellow:	#ffff33;
$color-custom-cyan-spark:	#00ffff;
$color-flex-violet-glow:	#9b30ff;

@color-utility-electric-lime:	#ccff00;
@color-responsive-pink-neon:	#ff33cc;
@color-breakpoint-ocean-blue:	#0077ff;
@color-hover-neon-yellow:	#ffff33;
@color-custom-cyan-spark:	#00ffff;
@color-flex-violet-glow:	#9b30ff;