Ionic Colors Palette
- light#ffffff
- stable#eeeeee
- positive#387ef5
- calm#11c1f3
- balanced#33cd5f
- energized#ffc900
- assertive#ef473a
- royal#886aea
- dark#444444
Criado em 05/02/2018 15:09
A paleta consiste em cores Claro, Semi escuro. Cores de destaque positive #387ef5 e energized #ffc900. A paleta tem Neutro, Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #444444 (mais escuro) a #FFFFFF (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto) — 67% das cores são vívidas.
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 9).
Códigos HEX (ordenados): #11C1F3, #33CD5F, #387EF5, #444444, #886AEA, #EEEEEE, #EF473A, #FFC900, #FFFFFF
A paleta Ionic Colors Palette combina 9 códigos de cor:
HEX: #ffffff, RGB: (255, 255, 255); HEX: #eeeeee, RGB: (238, 238, 238); HEX: #387ef5, RGB: (56, 126, 245)
HEX: #11c1f3, RGB: (17, 193, 243); HEX: #33cd5f, RGB: (51, 205, 95); HEX: #ffc900, RGB: (255, 201, 0)
HEX: #ef473a, RGB: (239, 71, 58); HEX: #886aea, RGB: (136, 106, 234); HEX: #444444, RGB: (68, 68, 68)
Versão simplificada das cores da paleta
Branco, Tom escuro de Fumaça-branca, Tom escuro de Azul-dodger, Tom claro de Azul-céu-profundo, Tom claro de Verde-lima, Tom escuro de Dourado, Tom claro de Vermelho, Tom claro de Azul-ardósia-médio, Tom escuro de Cinza-fosco
O esquema de cores foi criado por mz
Códigos de cores na paleta
Ionic Colors Palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #ffffff | #ffffff | RGB(255, 255, 255) | light | White |
| #eeeeee | #eeeeee | RGB(238, 238, 238) | stable | Super Silver |
| #387ef5 | #387ef5 | RGB(56, 126, 245) | positive | — |
| #11c1f3 | #11c1f3 | RGB(17, 193, 243) | calm | — |
| #33cd5f | #33cd5f | RGB(51, 205, 95) | balanced | — |
| #ffc900 | #ffc900 | RGB(255, 201, 0) | energized | Sunny Summer |
| #ef473a | #ef473a | RGB(239, 71, 58) | assertive | — |
| #886aea | #886aea | RGB(136, 106, 234) | royal | — |
| #444444 | #444444 | RGB(68, 68, 68) | dark | Goshawk Grey |
Contraste da paleta de cores
17 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 |
|---|---|---|
#ffffff | #eeeeee | 1.16 |
#ffffff | #ffc900 | 1.54 |
#eeeeee | #11c1f3 | 1.81 |
#eeeeee | #33cd5f | 1.8 |
#eeeeee | #ffc900 | 1.33 |
#387ef5 | #11c1f3 | 1.81 |
Paleta de imagens Ionic Colors Palette png
Exportar paleta
Baixe a "Ionic Colors Palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: