Criado em 02/15/2022 21:42
Design typography ux ui
- Light Sea Green#14ac9c
- Deep Green-Cyan Turquoise#156b66
- Chamoisee#a47558
- Silver Sand#bcbcc4
- Van Dyke Brown#5f3a2a
- #5f3a2a
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Light Sea Green #14ac9c e Van Dyke Brown #5f3a2a e #5f3a2a. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #156B66 (mais escuro) a #BCBCC4 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #14AC9C, #156B66, #5F3A2A, #A47558, #BCBCC4
A paleta Design typography ux ui tem uma combinação de cores de códigos de 6:
HEX: #14ac9c, RGB: (20, 172, 156); HEX: #156b66, RGB: (21, 107, 102); HEX: #a47558, RGB: (164, 117, 88)
HEX: #bcbcc4, RGB: (188, 188, 196); HEX: #5f3a2a, RGB: (95, 58, 42); HEX: #5f3a2a, RGB: (95, 58, 42)
Versão simplificada das cores da paleta
Matiz de lightseagreen, Matiz de Cerceta, Sombra de sienna, Matiz de Prata, Matiz de saddlebrown, Matiz de saddlebrown
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design typography ux ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #14ac9c | #14ac9c | RGB(20, 172, 156) | Light Sea Green | — |
| #156b66 | #156b66 | RGB(21, 107, 102) | Deep Green-Cyan Turquoise | — |
| #a47558 | #a47558 | RGB(164, 117, 88) | Chamoisee | — |
| #bcbcc4 | #bcbcc4 | RGB(188, 188, 196) | Silver Sand | — |
| #5f3a2a | #5f3a2a | RGB(95, 58, 42) | Van Dyke Brown | — |
| #5f3a2a | #5f3a2a | RGB(95, 58, 42) | — | — |
Contraste da Paleta de Cores
6 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 |
#14ac9c | #a47558 | 1.4 |
#14ac9c | #bcbcc4 | 1.5 |
#156b66 | #a47558 | 1.58 |
#156b66 | #5f3a2a | 1.56 |
#156b66 | #5f3a2a | 1.56 |
#5f3a2a | #5f3a2a | 1 |
Paleta de imagens Design typography ux ui png
Exportar paleta
Baixe a "Design typography ux ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: