Human-Machine Interaction Theme
- Interface Steel#495867
- Feedback Blush#f67280
- Touch Sky#73c2fb
- Recognition Lilac#c1bbdd
- Actuator White#ffffff
- Focus Navy#3a3a59
Criado em 07/13/2025 17:21
A paleta consiste em cores Semi escuro, Claro. Cores de destaque Feedback Blush #f67280 e Touch Sky #73c2fb. A paleta tem Frio, Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3A3A59 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 2 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 (4 de 6).
Códigos HEX (ordenados): #3A3A59, #495867, #73C2FB, #C1BBDD, #F67280, #FFFFFF
A paleta Human-Machine Interaction Theme combina 6 códigos de cor:
HEX: #495867, RGB: (73, 88, 103); HEX: #f67280, RGB: (246, 114, 128); HEX: #73c2fb, RGB: (115, 194, 251)
HEX: #c1bbdd, RGB: (193, 187, 221); HEX: #ffffff, RGB: (255, 255, 255); HEX: #3a3a59, RGB: (58, 58, 89)
Versão simplificada das cores da paleta
Tom escuro de Cinza-fosco, Tom escuro de Coral-claro, Tom escuro de Azul-céu-claro, Tom escuro de Cardo, Branco, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por coolor
Códigos de cores na paleta
Human-Machine Interaction Theme códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #495867 | #495867 | RGB(73, 88, 103) | Interface Steel | Harbour |
| #f67280 | #f67280 | RGB(246, 114, 128) | Feedback Blush | — |
| #73c2fb | #73c2fb | RGB(115, 194, 251) | Touch Sky | Maya Blue |
| #c1bbdd | #c1bbdd | RGB(193, 187, 221) | Recognition Lilac | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Actuator White | White |
| #3a3a59 | #3a3a59 | RGB(58, 58, 89) | Focus Navy | — |
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 | Razão de contraste |
|---|---|---|
#495867 | #3a3a59 | 1.49 |
#f67280 | #73c2fb | 1.41 |
#f67280 | #c1bbdd | 1.49 |
#73c2fb | #c1bbdd | 1.05 |
#73c2fb | #ffffff | 1.93 |
#c1bbdd | #ffffff | 1.83 |
Paleta de imagens Human-Machine Interaction Theme png
Exportar paleta
Baixe a "Human-Machine Interaction Theme" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: