Criado em 12/12/2017 10:56
pormz
  2.14k

Foundation 6 colors

Primary
#1779ba
Secondary
#767676
Success
#3adb76
Warning
#ffae00
Alert
#cc4b37
White
#ffffff
Light Gray
#e6e6e6
Medium Gray
#cacaca
Dark Gray
#8a8a8a
Black
#000000
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz, Escuro. Cores de destaque Primary #1779ba e Warning #ffae00. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
A paleta Foundation 6 colors tem uma combinação de cores de códigos de 10:
HEX: #1779ba, RGB: (23, 121, 186); HEX: #767676, RGB: (118, 118, 118); HEX: #3adb76, RGB: (58, 219, 118)
HEX: #ffae00, RGB: (255, 174, 0); HEX: #cc4b37, RGB: (204, 75, 55); HEX: #ffffff, RGB: (255, 255, 255)
HEX: #e6e6e6, RGB: (230, 230, 230); HEX: #cacaca, RGB: (202, 202, 202); HEX: #8a8a8a, RGB: (138, 138, 138)
HEX: #000000, RGB: (0, 0, 0)
Versão simplificada das cores da paleta
Matiz de steelblue, Matiz de Cinza, Matiz de mediumspringgreen, Sombra de Laranja, Matiz de indianred, Branco, Sombra de gainsboro, Sombra de Prata, Sombra de Cinza, Preto
O esquema de cores foi criado por mz

Códigos de cores na paleta

Foundation 6 colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#1779ba RGB(23, 121, 186)Primary
#767676 RGB(118, 118, 118)Secondary
#3adb76 RGB(58, 219, 118)Success
#ffae00 RGB(255, 174, 0)Warning
#cc4b37 RGB(204, 75, 55)Alert
#ffffff RGB(255, 255, 255)White
#e6e6e6 RGB(230, 230, 230)Light GrayExtraordinary Abundance of Tinge
#cacaca RGB(202, 202, 202)Medium Gray
#8a8a8a RGB(138, 138, 138)Dark GrayGray54
#000000 RGB(0, 0, 0)Black

Contraste da Paleta de Cores

18 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
#1779ba
#767676
1.03
#1779ba
#cc4b37
1.03
#1779ba
#8a8a8a
1.35
#767676
#cc4b37
1
#767676
#8a8a8a
1.31
#3adb76
#ffae00
1.02

Paleta de imagens Foundation 6 colors png

Cores da paleta: Como usar?

Clique em qualquer cor para adicionar Paleta
Paleta rápida
Máximo de 10 paletas Comparar
Como usar?
Clique no ícone «Comparar» para adicionar paleta em Comparar paletas de lista
Comparar paletas