Criado em 06/13/2025 11:47
Modern SaaS Light UI Elements
Brand Lilac
#e0bbe4
Data Cloud Blue
#a2d2ff
Modal Beige
#fff1e6
Chartline Teal
#70d6ff
Tooltip Sand
#f7f4ea
Action Black
#1e1e1e
A paleta consiste em cores Luz, Escuro. Cores de destaque Data Cloud Blue #a2d2ff e Modal Beige #fff1e6. A paleta tem Neutro, Legal temperatura de cores.
A paleta Modern SaaS Light UI Elements tem uma combinação de cores de códigos de 6:
HEX: #e0bbe4, RGB: (224, 187, 228); HEX: #a2d2ff, RGB: (162, 210, 255); HEX: #fff1e6, RGB: (255, 241, 230)
HEX: #70d6ff, RGB: (112, 214, 255); HEX: #f7f4ea, RGB: (247, 244, 234); HEX: #1e1e1e, RGB: (30, 30, 30)
Versão simplificada das cores da paleta
Sombra de thistle, Sombra de lightskyblue, Sombra de linen, Sombra de skyblue, Matiz de floralwhite, Sombra de Preto
O esquema de cores foi criado por colorstudio
Códigos de cores na paleta
Modern SaaS Light UI Elements códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #e0bbe4 | #e0bbe4 | RGB(224, 187, 228) | Brand Lilac | — |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Data Cloud Blue | — |
| #fff1e6 | #fff1e6 | RGB(255, 241, 230) | Modal Beige | — |
| #70d6ff | #70d6ff | RGB(112, 214, 255) | Chartline Teal | — |
| #f7f4ea | #f7f4ea | RGB(247, 244, 234) | Tooltip Sand | — |
| #1e1e1e | #1e1e1e | RGB(30, 30, 30) | Action Black | — |
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 | Taxa de contraste |
#e0bbe4 | #a2d2ff | 1.06 |
#e0bbe4 | #fff1e6 | 1.53 |
#e0bbe4 | #70d6ff | 1.02 |
#e0bbe4 | #f7f4ea | 1.53 |
#a2d2ff | #fff1e6 | 1.43 |
#a2d2ff | #70d6ff | 1.03 |
