Roda de cores Figma
Quer encontrar as cores complementares ou análogas perfeitas para combinar com o Verde Grama?
Verde grama é uma cor viva e refrescante que representa a vitalidade da Natureza. Situada entre o amarelo e o azul na roda de cores, possui um tom brilhante e exuberante. Tons relacionados incluem esmeralda e lima. Use o verde grama em designs para evocar frescor e crescimento, perfeito para temas ecológicos. 🌿
Verde Grama é definido pelos seguintes códigos e valores de cor para garantir consistência em várias plataformas e dispositivos digitais.
- Código Hex: #7CFC00
- Valor RGB: 48,6% vermelho, 98,8% verde, 0,0% azul
Considerações de acessibilidade desempenham um papel crucial na escolha de cores no design de UX e UI. Figma oferece plugins na Comunidade para garantir que seus designs atendam às Diretrizes de Acessibilidade de Conteúdo Web.
Para variações dentro do mesmo espectro do verde grama, considere:
- Verde Lima (#89f336): Verde Lima compartilha uma qualidade vibrante e fresca com o Verde Grama, revelando o tom vivo e brilhante que lembra a grama recém-brotada.
- Verde Abacate (#568203): Assim como o Verde Grama, o Verde Abacate incorpora uma vibração terrosa e natural com seus tons quentes—fazendo-o parecer tão enraizado quanto a folhagem florescente.
- Verde Kelly (#4cbb17): Verde Kelly captura o brilho vívido do Verde Grama, oferecendo uma essência alegre e natural semelhante que destaca a natureza vibrante de uma paisagem gramada.
- Esmeralda (#50C878): Esmeralda compartilha uma exuberância semelhante ao Verde Grama, com seu tom profundo e rico que evoca a vitalidade e o vigor encontrados em ambientes naturais.
Para complementar o Verde Grama, considere combiná-lo com:
- Coral (#FF8559): Coral introduz um contraste animado que enfatiza o frescor do Verde Grama, destacando sua harmonia natural.
- Creme (#FDFBD4): Creme serve como um fundo suave e neutro, realçando os tons terrosos do Verde Grama para uma paleta calma e equilibrada.
- Turquesa (#40E0D0): Turquesa adiciona um toque refrescante, oferecendo um parceiro vibrante que acentua a natureza animada do Verde Grama.
- Chocolate (#713600): Chocolate proporciona um contraste rico e quente, ancorando o Verde Grama com uma sofisticação terrosa.
- Pêssego (#FFD3AC): Pêssego adiciona um calor suave, complementando a vitalidade do Verde Grama e criando uma combinação fresca e convidativa.
Embora o Verde Grama seja refrescante e vibrante, ele pode entrar em conflito com:
- Cereja (#DE3163): Cereja pode criar um choque intenso devido ao seu tom ousado e animado, conflitando com a naturalidade terrosa do Verde Grama.
- Vermelhão (#E73121): Vermelhão, com seu tom quente e ardente, compete com o frescor do Verde Grama, levando a um contraste visual chocante.
- Rubi (#E0115F): O tom profundo e intenso do Rubi pode ofuscar o brilho do Verde Grama, resultando em uma combinação discordante.
- Rosa Neon (#FF13F0): A vibrante eletricidade do Rosa Neon sobrecarrega a estética mais fundamentada do Verde Grama, criando um contraste desconcertante.
- Tangerina (#FFA800): O tom quente e ousado da Tangerina pode sobrepujar os tons frios do Verde Grama, desestabilizando o equilíbrio das cores.
Variações de cor
Sombras
Tonalidades
Tons
Matizes
Harmonias de cores
Complementar
Dividida
Monocromática
Análoga
Triádica
Quadrado
Paletas personalizadas
Pomar Pixel
Explosão de Lima
Brisa Verde
Verificador de contraste
Contraste 1,33
- Texto grande
#7CFC00
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Reprovado | Reprovado | |
Reprovado | Reprovado | |
Reprovado | Reprovado |
Contraste 15,78
- Texto grande
#7CFC00
- Texto normal
Seu jeito de criar, alinhar e montar é importante. Faça tudo com o Figma.
| Categoria | ||
|---|---|---|
Aprovado | Aprovado | |
Aprovado | Aprovado | |
Aprovado | Aprovado |
Simulações de cor
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
A cor hexadecimal #7CFC00, conhecida como Verde Grama, tem valores RGB de R:124, G:252, B:0 e valores CMYK de C:51, M:0, Y:100, K:1.
| VALUE | CSS | |
|---|---|---|
| HEX | #7CFC00 | #7CFC00 |
| RGB DECIMAL | 124, 252, 0 | RGB(124,252,0) |
| RGB PERCENTAGE | 48.6, 98.8, 0.0 | RGB(48.6%,98.8%,0.0%) |
| CMYK | 51, 0, 100, 1 | |
| HSL | HSL(90.5, 100.0%, 49.4%) | HSL(90.5, 100.0%, 49.4%) |
| HSV (OR HSB) | 90.5°, 100.0, 98.8 | |
| WEB SAFE | #1022550 | #1022550 |
| BINARY | 01111100, 11111100, 00000000 | |
| iOS - SwiftUI | Color(red: 0.486, green: 0.988, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.486, green: 0.988, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFF7CFC00) |
