Scrollwave Layout Frame
- Primary UI Banana#fff4a9
- Secondary Creamspace#fff9f1
- Accent Sketch Blush#ffbdca
- Accent Cloudmint#c2fff0
- Background Whiteboard#ffffff
- Text Scroll Black#1f1f1f
Criado em 06/01/2025 08:19
A paleta consiste em cores Claro, Escuro. Cores de destaque Secondary Creamspace #fff9f1 e Accent Cloudmint #c2fff0. A paleta tem Quente, Neutro, Frio temperatura de cores.
Em luminosidade, a paleta vai de #1F1F1F (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o quente (2 de 6).
Códigos HEX (ordenados): #1F1F1F, #C2FFF0, #FFBDCA, #FFF4A9, #FFF9F1, #FFFFFF
A paleta Scrollwave Layout Frame combina 6 códigos de cor:
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)
Versão simplificada das cores da paleta
Tom claro de Vara-dourada-pálida, Tom escuro de Branco-floral, Tom escuro de Rosa, Tom claro de Turquesa-pálido, Branco, Tom claro de Preto
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Scrollwave Layout Frame códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #fff4a9 | #fff4a9 | RGB(255, 244, 169) | Primary UI Banana | — |
| #fff9f1 | #fff9f1 | RGB(255, 249, 241) | Secondary Creamspace | — |
| #ffbdca | #ffbdca | RGB(255, 189, 202) | Accent Sketch Blush | — |
| #c2fff0 | #c2fff0 | RGB(194, 255, 240) | Accent Cloudmint | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background Whiteboard | White |
| #1f1f1f | #1f1f1f | RGB(31, 31, 31) | Text Scroll Black | Gray12 |
Contraste da paleta de cores
10 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#fff4a9 | #fff9f1 | 1.06 |
#fff4a9 | #ffbdca | 1.4 |
#fff4a9 | #c2fff0 | 1 |
#fff4a9 | #ffffff | 1.11 |
#fff9f1 | #ffbdca | 1.49 |
#fff9f1 | #c2fff0 | 1.06 |
Paleta de imagens Scrollwave Layout Frame png
Exportar paleta
Baixe a "Scrollwave Layout Frame" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: