Criado em 03/29/2024 13:28
  61

Picnic CSS Framework colors

primary
#3498db
secondary
#95a5a6
success
#2ecc71
info
#3498db
warning
#f1c40f
danger
#e74c3c
light
#ecf0f1
dark
#34495e
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz. Cores de destaque primary #3498db e info #3498db e warning #f1c40f. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
A paleta Picnic CSS Framework colors tem uma combinação de cores de códigos de 8:
HEX: #3498db, RGB: (52, 152, 219); HEX: #95a5a6, RGB: (149, 165, 166); HEX: #2ecc71, RGB: (46, 204, 113)
HEX: #3498db, RGB: (52, 152, 219); HEX: #f1c40f, RGB: (241, 196, 15); HEX: #e74c3c, RGB: (231, 76, 60)
HEX: #ecf0f1, RGB: (236, 240, 241); HEX: #34495e, RGB: (52, 73, 94)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Matiz de darkgrey, Sombra de mediumseagreen, Sombra de dodgerblue, Matiz de gold, Matiz de tomato, Matiz de whitesmoke, Matiz de darkslateblue
O esquema de cores foi criado por colorstudio

Códigos de cores na paleta

Picnic CSS Framework colors códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#3498db RGB(52, 152, 219)primary
#95a5a6 RGB(149, 165, 166)secondary
#2ecc71 RGB(46, 204, 113)success
#3498db RGB(52, 152, 219)info
#f1c40f RGB(241, 196, 15)warning
#e74c3c RGB(231, 76, 60)danger
#ecf0f1 RGB(236, 240, 241)light
#34495e RGB(52, 73, 94)dark

Contraste da Paleta de Cores

16 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
#3498db
#95a5a6
1.23
#3498db
#2ecc71
1.5
#3498db
#3498db
1
#3498db
#f1c40f
1.89
#3498db
#e74c3c
1.21
#95a5a6
#2ecc71
1.21

Paleta de imagens Picnic CSS Framework 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