Criado em 11/17/2022 11:46
User interface ui design web palette
- Sparrow’s Fire#f9671f
- Yellow Currant#f7c468
- Fibonacci Blue#0c255c
- Blue Suede#647c94
- Clear Vista#a6bdc5
- Sea Challenge#2c5c5c
A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Sparrow’s Fire #f9671f e Fibonacci Blue #0c255c. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #0C255C (mais escuro) a #A6BDC5 (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).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #0C255C, #2C5C5C, #647C94, #A6BDC5, #F7C468, #F9671F
A paleta User interface ui design web palette tem uma combinação de cores de códigos de 6:
HEX: #f9671f, RGB: (249, 103, 31); HEX: #f7c468, RGB: (247, 196, 104); HEX: #0c255c, RGB: (12, 37, 92)
HEX: #647c94, RGB: (100, 124, 148); HEX: #a6bdc5, RGB: (166, 189, 197); HEX: #2c5c5c, RGB: (44, 92, 92)
Versão simplificada das cores da paleta
Sombra de orangered, Sombra de burlywood, Sombra de midnightblue, Matiz de slategrey, Matiz de lightblue, Sombra de darkslategrey
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
User interface ui design web palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f9671f | #f9671f | RGB(249, 103, 31) | Sparrow’s Fire | — |
| #f7c468 | #f7c468 | RGB(247, 196, 104) | Yellow Currant | — |
| #0c255c | #0c255c | RGB(12, 37, 92) | Fibonacci Blue | — |
| #647c94 | #647c94 | RGB(100, 124, 148) | Blue Suede | — |
| #a6bdc5 | #a6bdc5 | RGB(166, 189, 197) | Clear Vista | — |
| #2c5c5c | #2c5c5c | RGB(44, 92, 92) | Sea Challenge | — |
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 |
#f9671f | #f7c468 | 1.86 |
#f9671f | #647c94 | 1.44 |
#f9671f | #a6bdc5 | 1.53 |
#f7c468 | #a6bdc5 | 1.21 |
#0c255c | #2c5c5c | 1.94 |
#647c94 | #2c5c5c | 1.73 |
Paleta de imagens User interface ui design web palette png
Exportar paleta
Baixe a "User interface ui design web palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: