Service ui product web
- Battery Charged Blue#12bcde
- Medium Aquamarine#6bddb0
- Deep Green-Cyan Turquoise#0c8c5c
- Light Taupe#b2816d
- Opal#9ecdc3
- Dark Slate Gray#325758
Criado em 12/09/2022 14:06
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Battery Charged Blue #12bcde e Light Taupe #b2816d. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #325758 (mais escuro) a #6BDDB0 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (5 de 6).
Códigos HEX (ordenados): #0C8C5C, #12BCDE, #325758, #6BDDB0, #9ECDC3, #B2816D
A paleta Service ui product web combina 6 códigos de cor:
HEX: #12bcde, RGB: (18, 188, 222); HEX: #6bddb0, RGB: (107, 221, 176); HEX: #0c8c5c, RGB: (12, 140, 92)
HEX: #b2816d, RGB: (178, 129, 109); HEX: #9ecdc3, RGB: (158, 205, 195); HEX: #325758, RGB: (50, 87, 88)
Versão simplificada das cores da paleta
Tom escuro de Azul-céu-profundo, Tom claro de Água-marinha-média, Tom escuro de Verde-mar, Tom escuro de Marrom-rosado, Tom escuro de Azul-pó, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Service ui product web códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #12bcde | #12bcde | RGB(18, 188, 222) | Battery Charged Blue | — |
| #6bddb0 | #6bddb0 | RGB(107, 221, 176) | Medium Aquamarine | — |
| #0c8c5c | #0c8c5c | RGB(12, 140, 92) | Deep Green-Cyan Turquoise | — |
| #b2816d | #b2816d | RGB(178, 129, 109) | Light Taupe | — |
| #9ecdc3 | #9ecdc3 | RGB(158, 205, 195) | Opal | — |
| #325758 | #325758 | RGB(50, 87, 88) | Dark Slate Gray | — |
Contraste da paleta de cores
8 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 |
|---|---|---|
#12bcde | #6bddb0 | 1.35 |
#12bcde | #0c8c5c | 1.88 |
#12bcde | #b2816d | 1.48 |
#12bcde | #9ecdc3 | 1.29 |
#6bddb0 | #9ecdc3 | 1.05 |
#0c8c5c | #b2816d | 1.27 |
Paleta de imagens Service ui product web png
Exportar paleta
Baixe a "Service ui product web" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: