Tinder
About This Color Palette
Aquí tienes las paletas de colores inspiradas en las aplicaciones que mencionaste:
<Tinder>
1. Flame Red -
#FF5000
- Un rojo intenso que simboliza la pasión y la energía, característico de la marca.
2. Charcoal -
#2A2A2A
- Un negro elegante que añade profundidad y sofisticación al diseño.
3. White -
#FFFFFF
- Un blanco puro que proporciona un contraste limpio y claro, ideal para legibilidad.
4. Soft Gray -
#F7F7F7
- Un gris suave que actúa como fondo, creando un ambiente acogedor.
5. Light Coral -
#FF6F61
- Un tono coral que complementa el rojo principal, aportando un toque de calidez.
<Grindr>
1. Grindr Yellow -
#FFD600
- Un amarillo brillante que representa la marca y aporta energía.
2. Black -
#000000
- Un negro profundo que proporciona elegancia y un fuerte contraste.
3. Dark Gray -
#4B4B4B
- Un gris oscuro que añade profundidad y sofisticación al diseño.
4. Light Gray -
#B0B0B0
- Un gris claro que suaviza la paleta, ideal para elementos de fondo.
5. White -
#FFFFFF
- Un blanco puro que mejora la legibilidad y el contraste.
<Bumble>
1. Bumble Yellow -
#FFB300
- Un amarillo cálido y acogedor que representa la marca.
2. Black -
#000000
- Un negro clásico que ofrece un contraste fuerte y elegante.
3. Soft Gray -
#F5F5F5
- Un gris claro que proporciona un fondo suave y moderno.
4. Warm Coral -
#FF6F61
- Un tono coral que añade un toque de energía y cercanía.
5. White -
#FFFFFF
- Un blanco limpio que resalta los otros colores y mejora la legibilidad.
<OkCupid>
1. Deep Blue -
#00A3E0
- Un azul vibrante que simboliza la confianza y la conexión emocional.
2. Light Pink -
#FF6F61
- Un rosa suave que aporta un toque romántico y acogedor.
3. Dark Gray -
#4B4B4B
- Un gris oscuro que añade profundidad y elegancia al diseño.
4. Light Blue -
#A7D3E0
- Un azul claro que complementa el color principal y ofrece frescura.
5. White -
#FFFFFF
- Un blanco puro que mejora la legibilidad y proporciona contraste.
Estas paletas están inspiradas en los colores utilizados en las aplicaciones mencionadas, reflejando sus identidades visuales únicas.
¿Te gustaría ver ejemplos de cómo aplicar estas paletas en un diseño específico, o necesitas más información sobre alguna de ellas?
Overview
Welcome back, here's what's happening today.
Revenue Growth
Build something amazing
Create stunning designs with our AI-powered color palette generator. Perfect for web, mobile, and print.
Fast Performance
Optimized for speed and efficiency.
Secure by Default
Enterprise-grade security built-in.
Easy to Use
Intuitive interface for everyone.
Good Morning
Here's your daily update
Today
Logo Variations
Business Card
John Doe
Creative Director
john.doe@brandname.com
+1 (555) 123-4567
www.brandname.com
Type Scale
Heading 1
Bold / 48pxHeading 2
Bold / 36pxHeading 3
Bold / 30pxHeading 4
Bold / 24pxBody text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Regular / 16pxArticle Layout
The Future of Color
Color trends are evolving rapidly. We are seeing a shift towards more vibrant, expressive palettes that capture attention and evoke emotion.
"Color is a power which directly influences the soul."
Why it matters
Choosing the right color palette is crucial for brand identity. It communicates values without words and creates an instant connection with the audience.
Abstract
Composition #01
Download Files
Copy Code
Simulate how your palette appears to users with different types of color vision deficiencies. Approximately 8% of men and 0.5% of women have some form of color blindness.
Original Palette
Protanopia
Red-blind (approx. 1% of men)
Deuteranopia
Green-blind (approx. 1% of men)
Tritanopia
Blue-blind (very rare)
Achromatopsia
Total color blindness (monochromacy)
Shades & Tints
Explore lighter variations (tints) and darker variations (shades) of each color. Click any color to copy its hex code.
Flame Red
#FF5000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Charcoal
#2A2A2A
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)White
#FFFFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Soft Gray
#F7F7F7
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Coral
#FF6F61
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Grindr Yellow
#FFD600
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Black
#000000
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Dark Gray
#4B4B4B
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Gray
#B0B0B0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Bumble Yellow
#FFB300
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Soft Gray
#F5F5F5
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Deep Blue
#00A3E0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Light Blue
#A7D3E0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Color Wheel Distribution
Harmony Analysis
Dominant Temperature
--
Harmony Type
--
Analyzing color relationships...
Color Values (HSL)
Select Background
Select Text Color
Contrast Analysis
Aa
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
Understanding WCAG Scores
Normal Text
- AA requires 4.5:1 ratio
- AAA requires 7.0:1 ratio
Large Text (18pt+ or 14pt+ bold)
- AA requires 3.0:1 ratio
- AAA requires 4.5:1 ratio