Gerar paleta
  1. Paletas de cores
  2. Flat UI colors

Flat UI colors

  • #1abc9c
  • #2ecc71
  • #3498db
  • #9b59b6
  • #34495e
  • #16a085
  • #27ae60
  • #2980b9
  • #8e44ad
  • #2c3e50
  • #f1c40f
  • #e67e22
  • #e74c3c
  • #ecf0f1
  • #95a5a6
  • #f39c12
  • #d35400
  • #c0392b
  • #bdc3c7
  • #7f8c8d
  7.39k
Criado em 12/12/2017 10:28
pormz
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #16a085 e #d35400. A paleta tem Frio, Quente, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #2C3E50 (mais escuro) a #ECF0F1 (mais claro). A faixa de luminosidade é ampla.

A saturação global parece vívida (croma alto) — 60% 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 (10 de 20).

Códigos HEX (ordenados): #16A085, #1ABC9C, #27AE60, #2980B9, #2C3E50, #2ECC71, #34495E, #3498DB, #7F8C8D, #8E44AD, #95A5A6, #9B59B6, #BDC3C7, #C0392B, #D35400, #E67E22, #E74C3C, #ECF0F1, #F1C40F, #F39C12

A paleta Flat UI colors combina 20 códigos de cor:
HEX: #1abc9c, RGB: (26, 188, 156); HEX: #2ecc71, RGB: (46, 204, 113); HEX: #3498db, RGB: (52, 152, 219)
HEX: #9b59b6, RGB: (155, 89, 182); HEX: #34495e, RGB: (52, 73, 94); HEX: #16a085, RGB: (22, 160, 133)
HEX: #27ae60, RGB: (39, 174, 96); HEX: #2980b9, RGB: (41, 128, 185); HEX: #8e44ad, RGB: (142, 68, 173)
HEX: #2c3e50, RGB: (44, 62, 80); HEX: #f1c40f, RGB: (241, 196, 15); HEX: #e67e22, RGB: (230, 126, 34)
HEX: #e74c3c, RGB: (231, 76, 60); HEX: #ecf0f1, RGB: (236, 240, 241); HEX: #95a5a6, RGB: (149, 165, 166)
HEX: #f39c12, RGB: (243, 156, 18); HEX: #d35400, RGB: (211, 84, 0); HEX: #c0392b, RGB: (192, 57, 43)
HEX: #bdc3c7, RGB: (189, 195, 199); HEX: #7f8c8d, RGB: (127, 140, 141)
Versão simplificada das cores da paleta
Tom escuro de Água-marinha-média, Tom claro de Verde-mar-médio, Tom claro de Azul-dodger, Tom escuro de Orquídea-média, Tom escuro de Azul-ardósia-escuro, Tom escuro de Verde-mar-claro, Tom escuro de Verde-mar-médio, Tom escuro de Azul-aço, Tom claro de Orquídea-escura, Tom escuro de Azul-ardósia-escuro, Tom escuro de Dourado, Tom escuro de Laranja-escuro, Tom escuro de Tomate, Tom escuro de Fumaça-branca, Tom escuro de Cinza-escuro, Tom escuro de Laranja, Tom escuro de Chocolate, Tom claro de Tijolo-refratário, Tom claro de Prata, Tom claro de Cinza
O esquema de cores foi criado por mz

Códigos de cores na paleta

Flat UI colors códigos de cores HEX, informações RGB na tabela

CorHEXRGBNomenome alternativo
#1abc9c#1abc9cRGB(26, 188, 156)——
#2ecc71#2ecc71RGB(46, 204, 113)——
#3498db#3498dbRGB(52, 152, 219)——
#9b59b6#9b59b6RGB(155, 89, 182)——
#34495e#34495eRGB(52, 73, 94)——
#16a085#16a085RGB(22, 160, 133)——
#27ae60#27ae60RGB(39, 174, 96)——
#2980b9#2980b9RGB(41, 128, 185)——
#8e44ad#8e44adRGB(142, 68, 173)——
#2c3e50#2c3e50RGB(44, 62, 80)——
#f1c40f#f1c40fRGB(241, 196, 15)——
#e67e22#e67e22RGB(230, 126, 34)——
#e74c3c#e74c3cRGB(231, 76, 60)——
#ecf0f1#ecf0f1RGB(236, 240, 241)——
#95a5a6#95a5a6RGB(149, 165, 166)——
#f39c12#f39c12RGB(243, 156, 18)——
#d35400#d35400RGB(211, 84, 0)——
#c0392b#c0392bRGB(192, 57, 43)——
#bdc3c7#bdc3c7RGB(189, 195, 199)——
#7f8c8d#7f8c8dRGB(127, 140, 141)——

Contraste da paleta de cores

119 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
Cor do textoCor de fundoRazão de contraste
#1abc9c
#2ecc71
1.14
#1abc9c
#3498db
1.3
#1abc9c
#9b59b6
1.93
#1abc9c
#16a085
1.36
#1abc9c
#27ae60
1.19
#1abc9c
#2980b9
1.78

Paleta de imagens Flat UI colors png

Flat UI colors: #1abc9c, #2ecc71, #3498db, #9b59b6, #34495e, #16a085, #27ae60, #2980b9, #8e44ad, #2c3e50, #f1c40f, #e67e22
 Baixar imagem