Loading...
Criado em 07/11/2025 21:03
Open Source Component Webflow UI
- Commit Graphite#2e2e2e
- Fork Teal#00d9c0
- Star Yellow#ffd23f
- Edit Snow#fafafa
- Review Coral#ff6f61
- Publish Blue#48cae4
- Merge White#fdfdfd
A paleta consiste em cores Escuro, Luz. Cores de destaque Fork Teal #00d9c0 e Star Yellow #ffd23f. A paleta tem Neutro, Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #2E2E2E (mais escuro) a #FDFDFD (mais claro). A faixa de luminosidade é ampla.
A saturação global parece vívida (croma alto).
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #00D9C0, #2E2E2E, #48CAE4, #FAFAFA, #FDFDFD, #FF6F61, #FFD23F
A paleta Open Source Component Webflow UI tem uma combinação de cores de códigos de 7:
HEX: #2e2e2e, RGB: (46, 46, 46); HEX: #00d9c0, RGB: (0, 217, 192); HEX: #ffd23f, RGB: (255, 210, 63)
HEX: #fafafa, RGB: (250, 250, 250); HEX: #ff6f61, RGB: (255, 111, 97); HEX: #48cae4, RGB: (72, 202, 228)
HEX: #fdfdfd, RGB: (253, 253, 253)
Versão simplificada das cores da paleta
Sombra de Preto, Matiz de turquoise, Sombra de gold, Sombra de whitesmoke, Matiz de salmon, Matiz de skyblue, Matiz de Branco
O esquema de cores foi criado por bad_colors
Códigos de cores na paleta
Open Source Component Webflow UI códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2e2e2e | #2e2e2e | RGB(46, 46, 46) | Commit Graphite | Carbon Fiber |
| #00d9c0 | #00d9c0 | RGB(0, 217, 192) | Fork Teal | — |
| #ffd23f | #ffd23f | RGB(255, 210, 63) | Star Yellow | — |
| #fafafa | #fafafa | RGB(250, 250, 250) | Edit Snow | Dr. White |
| #ff6f61 | #ff6f61 | RGB(255, 111, 97) | Review Coral | Living Coral |
| #48cae4 | #48cae4 | RGB(72, 202, 228) | Publish Blue | — |
| #fdfdfd | #fdfdfd | RGB(253, 253, 253) | Merge White | Brilliance |
Contraste da Paleta de Cores
13 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 |
#00d9c0 | #ffd23f | 1.24 |
#00d9c0 | #fafafa | 1.72 |
#00d9c0 | #ff6f61 | 1.51 |
#00d9c0 | #48cae4 | 1.07 |
#00d9c0 | #fdfdfd | 1.76 |
#ffd23f | #fafafa | 1.38 |
Paleta de imagens Open Source Component Webflow UI png
Exportar paleta
Baixe a "Open Source Component Webflow UI" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: