Cybernetic Mobile UI Pattern Grid

Neon Aqua
#18ffff
Pixel Pink
#f06292
Dark Monitor
#0d0d0d
Grid White
#fbfbfb
Overlay Purple
#8e24aa
Console Orange
#ff9800

Палитра содержит светлый, темный цвета. Акцентные цвета Neon Aqua #18ffff да Console Orange #ff9800. Палитра имеет цветовую температуру Холодный, Теплый, Нейтральный.

По светлоте палитра тянется от #0D0D0D (самый тёмный) до #FBFBFB (самый светлый). Диапазон светлоты широкий.

В целом насыщенность выглядит яркой (высокая хрома).

Некоторые пары оттенков близки к комплементарным позициям — возможно чтение как комплементарный контраст (эвристика).

Тёплые и холодные элементы довольно сбалансированы.

HEX-коды (по возрастанию): #0D0D0D, #18FFFF, #8E24AA, #F06292, #FBFBFB, #FF9800

Палитра Cybernetic Mobile UI Pattern Grid содержит комбинацию из 6 кодов цветов:

HEX: #18ffff, RGB: (24, 255, 255); HEX: #f06292, RGB: (240, 98, 146); HEX: #0d0d0d, RGB: (13, 13, 13)

HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #8e24aa, RGB: (142, 36, 170); HEX: #ff9800, RGB: (255, 152, 0)

Упрощенная версия цветов палитры

Тень cyan, Оттенок palevioletred, Тень Черный, Оттенок Белый, Оттенок darkorchid, Тень darkorange

Цветовая схема создана автором bad_colors

Больше палитр с:

Коды цветов в палитре

Cybernetic Mobile UI Pattern Grid коды цветов HEX, RGB информация в таблице

Цвет	HEX	RGB	Название	Альтернативное название
#18ffff	#18ffff	RGB(24, 255, 255)	Neon Aqua	—
#f06292	#f06292	RGB(240, 98, 146)	Pixel Pink	—
#0d0d0d	#0d0d0d	RGB(13, 13, 13)	Dark Monitor	Gray5
#fbfbfb	#fbfbfb	RGB(251, 251, 251)	Grid White	Whiteout
#8e24aa	#8e24aa	RGB(142, 36, 170)	Overlay Purple	—
#ff9800	#ff9800	RGB(255, 152, 0)	Console Orange	—

Контраст палитры цветов

3 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.

Цвет текста	Цвет фона	Коэффициент контрастности
#18ffff	#fbfbfb	1.2
#18ffff	#ff9800	1.72
#f06292	#ff9800	1.41

Изображение палитры Cybernetic Mobile UI Pattern Grid png

Cybernetic Mobile UI Pattern Grid - #559115

--color-neon-aqua:	#18ffff;
--color-pixel-pink:	#f06292;
--color-dark-monitor:	#0d0d0d;
--color-grid-white:	#fbfbfb;
--color-overlay-purple:	#8e24aa;
--color-console-orange:	#ff9800;

$color-neon-aqua:	#18ffff;
$color-pixel-pink:	#f06292;
$color-dark-monitor:	#0d0d0d;
$color-grid-white:	#fbfbfb;
$color-overlay-purple:	#8e24aa;
$color-console-orange:	#ff9800;

@color-neon-aqua:	#18ffff;
@color-pixel-pink:	#f06292;
@color-dark-monitor:	#0d0d0d;
@color-grid-white:	#fbfbfb;
@color-overlay-purple:	#8e24aa;
@color-console-orange:	#ff9800;