Criado em 06/19/2025 20:44
Frontend Figma Pro Kit
- Vector Blue#007aff
- Grid Linen#f6f6f6
- Comment Lavender#b49bcc
- Tooltip Graphite#3a3a3c
- Component Salmon#ff9b71
- Annotation Beige#fff4dc
A paleta consiste em cores Luz. Cores de destaque Vector Blue #007aff e Annotation Beige #fff4dc. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #3A3A3C (mais escuro) a #F6F6F6 (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #007AFF, #3A3A3C, #B49BCC, #F6F6F6, #FF9B71, #FFF4DC
A paleta Frontend Figma Pro Kit tem uma combinação de cores de códigos de 6:
HEX: #007aff, RGB: (0, 122, 255); HEX: #f6f6f6, RGB: (246, 246, 246); HEX: #b49bcc, RGB: (180, 155, 204)
HEX: #3a3a3c, RGB: (58, 58, 60); HEX: #ff9b71, RGB: (255, 155, 113); HEX: #fff4dc, RGB: (255, 244, 220)
Versão simplificada das cores da paleta
Matiz de steelblue, Sombra de whitesmoke, Matiz de plum, Matiz de darkslategrey, Matiz de lightsalmon, Sombra de papayawhip
O esquema de cores foi criado por colorslib
Códigos de cores na paleta
Frontend Figma Pro Kit códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #007aff | #007aff | RGB(0, 122, 255) | Vector Blue | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Grid Linen | — |
| #b49bcc | #b49bcc | RGB(180, 155, 204) | Comment Lavender | — |
| #3a3a3c | #3a3a3c | RGB(58, 58, 60) | Tooltip Graphite | — |
| #ff9b71 | #ff9b71 | RGB(255, 155, 113) | Component Salmon | — |
| #fff4dc | #fff4dc | RGB(255, 244, 220) | Annotation Beige | — |
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 | Taxa de contraste |
#007aff | #b49bcc | 1.62 |
#007aff | #ff9b71 | 1.94 |
#f6f6f6 | #ff9b71 | 1.9 |
#f6f6f6 | #fff4dc | 1.01 |
#b49bcc | #ff9b71 | 1.19 |
#ff9b71 | #fff4dc | 1.88 |
Paleta de imagens Frontend Figma Pro Kit png
Exportar paleta
Baixe a "Frontend Figma Pro Kit" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: