Loading...
Criado em 05/30/2025 16:22
Bubble OS
- Primary Pastel Blue#b3d9ff
- Secondary Soft Shell#fff4f2
- Accent Blush Green#ceffd9
- Accent Cursor Pink#ffb8ce
- Background UI White#ffffff
- Surface Pale Aqua#e9fdf9
- Text Neutral Black#1c1c1c
A paleta consiste em cores Luz, Escuro. Cores de destaque Secondary Soft Shell #fff4f2 e Accent Blush Green #ceffd9. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1C1C1C (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
A maioria das amostras lê-se como neutra em temperatura.
Códigos HEX (ordenados): #1C1C1C, #B3D9FF, #CEFFD9, #E9FDF9, #FFB8CE, #FFF4F2, #FFFFFF
A paleta Bubble OS tem uma combinação de cores de códigos de 7:
HEX: #b3d9ff, RGB: (179, 217, 255); HEX: #fff4f2, RGB: (255, 244, 242); HEX: #ceffd9, RGB: (206, 255, 217)
HEX: #ffb8ce, RGB: (255, 184, 206); HEX: #ffffff, RGB: (255, 255, 255); HEX: #e9fdf9, RGB: (233, 253, 249)
HEX: #1c1c1c, RGB: (28, 28, 28)
Versão simplificada das cores da paleta
Sombra de lightskyblue, Matiz de snow, Sombra de aquamarine, Matiz de Rosa, Branco, Matiz de azure, Sombra de Preto
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Bubble OS códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #b3d9ff | #b3d9ff | RGB(179, 217, 255) | Primary Pastel Blue | — |
| #fff4f2 | #fff4f2 | RGB(255, 244, 242) | Secondary Soft Shell | Pink Diminishing |
| #ceffd9 | #ceffd9 | RGB(206, 255, 217) | Accent Blush Green | — |
| #ffb8ce | #ffb8ce | RGB(255, 184, 206) | Accent Cursor Pink | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Background UI White | White |
| #e9fdf9 | #e9fdf9 | RGB(233, 253, 249) | Surface Pale Aqua | — |
| #1c1c1c | #1c1c1c | RGB(28, 28, 28) | Text Neutral Black | Gray11 |
Contraste da Paleta de Cores
15 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 |
#b3d9ff | #fff4f2 | 1.36 |
#b3d9ff | #ceffd9 | 1.32 |
#b3d9ff | #ffb8ce | 1.09 |
#b3d9ff | #ffffff | 1.46 |
#b3d9ff | #e9fdf9 | 1.39 |
#fff4f2 | #ceffd9 | 1.02 |
Paleta de imagens Bubble OS png
Exportar paleta
Baixe a "Bubble OS" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: