Criado em 11/24/2022 14:37
Website design user experience interface colors palette
- Mango Tango#f68341
- Very Light Tangelo#f9ac80
- Japanese Indigo#1c4c4c
- Rackley#64859b
- Beige#ddd2bf
- Dark Slate Gray#2d5a55
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Very Light Tangelo #f9ac80 e Japanese Indigo #1c4c4c. A paleta tem Esquentar, Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #1C4C4C (mais escuro) a #DDD2BF (mais claro). A faixa de luminosidade é ampla.
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): #1C4C4C, #2D5A55, #64859B, #DDD2BF, #F68341, #F9AC80
A paleta Website design user experience interface colors palette tem uma combinação de cores de códigos de 6:
HEX: #f68341, RGB: (246, 131, 65); HEX: #f9ac80, RGB: (249, 172, 128); HEX: #1c4c4c, RGB: (28, 76, 76)
HEX: #64859b, RGB: (100, 133, 155); HEX: #ddd2bf, RGB: (221, 210, 191); HEX: #2d5a55, RGB: (45, 90, 85)
Versão simplificada das cores da paleta
Matiz de coral, Sombra de lightsalmon, Matiz de darkslategrey, Sombra de slategrey, Matiz de antiquewhite, Sombra de darkslategrey
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Website design user experience interface colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #f68341 | #f68341 | RGB(246, 131, 65) | Mango Tango | — |
| #f9ac80 | #f9ac80 | RGB(249, 172, 128) | Very Light Tangelo | — |
| #1c4c4c | #1c4c4c | RGB(28, 76, 76) | Japanese Indigo | — |
| #64859b | #64859b | RGB(100, 133, 155) | Rackley | — |
| #ddd2bf | #ddd2bf | RGB(221, 210, 191) | Beige | Roman Plaster |
| #2d5a55 | #2d5a55 | RGB(45, 90, 85) | Dark Slate Gray | — |
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 |
#f68341 | #f9ac80 | 1.36 |
#f68341 | #64859b | 1.53 |
#f68341 | #ddd2bf | 1.7 |
#f9ac80 | #ddd2bf | 1.24 |
#1c4c4c | #2d5a55 | 1.23 |
#64859b | #2d5a55 | 1.98 |
Paleta de imagens Website design user experience interface colors palette png
Exportar paleta
Baixe a "Website design user experience interface colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: