Colorbeam Layout Studio
- Primary Banner Peach#ffd8bc
- Secondary Soft App Blue#d5f0ff
- Accent Mist Mint#d7fff1
- Accent Label Rose#ffc1d9
- Surface Clean UI#ffffff
- Text App Charcoal#222222
Criado em 05/30/2025 20:00
A paleta consiste em cores Claro, Escuro. Cores de destaque Primary Banner Peach #ffd8bc e Accent Mist Mint #d7fff1. A paleta tem Quente, Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #222222 (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.
Notas quentes e frias estão bastante equilibradas (2 quentes, 2 frias).
Códigos HEX (ordenados): #222222, #D5F0FF, #D7FFF1, #FFC1D9, #FFD8BC, #FFFFFF
A paleta Colorbeam Layout Studio combina 6 códigos de cor:
HEX: #ffd8bc, RGB: (255, 216, 188); HEX: #d5f0ff, RGB: (213, 240, 255); HEX: #d7fff1, RGB: (215, 255, 241)
HEX: #ffc1d9, RGB: (255, 193, 217); HEX: #ffffff, RGB: (255, 255, 255); HEX: #222222, RGB: (34, 34, 34)
Versão simplificada das cores da paleta
Tom escuro de Pêssego, Tom escuro de Azul-celeste, Tom escuro de Ciano-claro, Tom claro de Rosa, Branco, Tom claro de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Colorbeam Layout Studio códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffd8bc | #ffd8bc | RGB(255, 216, 188) | Primary Banner Peach | — |
| #d5f0ff | #d5f0ff | RGB(213, 240, 255) | Secondary Soft App Blue | — |
| #d7fff1 | #d7fff1 | RGB(215, 255, 241) | Accent Mist Mint | — |
| #ffc1d9 | #ffc1d9 | RGB(255, 193, 217) | Accent Label Rose | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Surface Clean UI | White |
| #222222 | #222222 | RGB(34, 34, 34) | Text App Charcoal | Black Out |
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 |
|---|---|---|
#ffd8bc | #d5f0ff | 1.12 |
#ffd8bc | #d7fff1 | 1.23 |
#ffd8bc | #ffc1d9 | 1.13 |
#ffd8bc | #ffffff | 1.32 |
#d5f0ff | #d7fff1 | 1.09 |
#d5f0ff | #ffc1d9 | 1.27 |
Paleta de imagens Colorbeam Layout Studio png
Exportar paleta
Baixe a "Colorbeam Layout Studio" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: