Генератор палитр
  1. Палитры цветов
  2. Scrollwave Layout Frame

Scrollwave Layout Frame

  • Primary UI Banana
    #fff4a9
  • Secondary Creamspace
    #fff9f1
  • Accent Sketch Blush
    #ffbdca
  • Accent Cloudmint
    #c2fff0
  • Background Whiteboard
    #ffffff
  • Text Scroll Black
    #1f1f1f
  1
Создано 06/01/2025 08:19
авторraccoon
Палитра содержит светлый, темный цвета. Акцентные цвета Secondary Creamspace #fff9f1 и Accent Cloudmint #c2fff0. Палитра имеет цветовую температуру Теплый, Нейтральный, Холодный.

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

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

Некоторые цвета находятся почти напротив друг друга на цветовом круге, что даёт палитре комплементарный контраст.

В целом температура смещена в сторону тёплого (2 из 6).

HEX-коды (по возрастанию): #1F1F1F, #C2FFF0, #FFBDCA, #FFF4A9, #FFF9F1, #FFFFFF

Палитра Scrollwave Layout Frame содержит комбинацию из 6 кодов цветов:
HEX: #fff4a9, RGB: (255, 244, 169); HEX: #fff9f1, RGB: (255, 249, 241); HEX: #ffbdca, RGB: (255, 189, 202)
HEX: #c2fff0, RGB: (194, 255, 240); HEX: #ffffff, RGB: (255, 255, 255); HEX: #1f1f1f, RGB: (31, 31, 31)
Упрощенная версия цветов палитры
Светлый оттенок Бледно-золотистый, Тёмный оттенок Цветочно-белый, Тёмный оттенок Розовый, Светлый оттенок Бледно-бирюзовый, Белый, Светлый оттенок Черный
Цветовая схема создана автором raccoon

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

Scrollwave Layout Frame коды цветов HEX, RGB информация в таблице

ЦветHEXRGBНазваниеАльтернативное название
#fff4a9#fff4a9RGB(255, 244, 169)Primary UI Banana—
#fff9f1#fff9f1RGB(255, 249, 241)Secondary Creamspace—
#ffbdca#ffbdcaRGB(255, 189, 202)Accent Sketch Blush—
#c2fff0#c2fff0RGB(194, 255, 240)Accent Cloudmint—
#ffffff#ffffffRGB(255, 255, 255)Background WhiteboardWhite
#1f1f1f#1f1f1fRGB(31, 31, 31)Text Scroll BlackGray12

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

10 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
Цвет текстаЦвет фонаКоэффициент контрастности
#fff4a9
#fff9f1
1.06
#fff4a9
#ffbdca
1.4
#fff4a9
#c2fff0
1
#fff4a9
#ffffff
1.11
#fff9f1
#ffbdca
1.49
#fff9f1
#c2fff0
1.06

Палитра из изображения Scrollwave Layout Frame png

Scrollwave Layout Frame цветовая гамма: Primary UI Banana, Secondary Creamspace, Accent Sketch Blush, Accent Cloudmint
 Загрузить изображение