根据该色值#30 Dcff生成热力图配色
About This Color Palette
Color Palette:
1. Color Name: Electric Blue
Hex Code:
#30DCFF
Description: A vibrant and electrifying shade of blue, perfect for creating a dynamic and eye-catching color palette for a heat map.
2. Color Name: Sky Blue
Hex Code:
#7EDFFF
Description: A soft and calming blue hue that complements the electric blue, creating a harmonious gradient effect in the heat map.
3. Color Name: Aqua
Hex Code:
#9CF5FF
Description: A refreshing and cool shade of blue-green that adds depth and dimension to the color palette, enhancing the visual appeal of the heat map.
4. Color Name: Seafoam
Hex Code:
#B5FFFA
Description: A serene and tranquil green-blue color that brings a touch of nature to the palette, balancing the intensity of the blues with its soothing presence.
5. Color Name: Mint
Hex Code:
#A3FFC1
Description: A minty green shade that injects a pop of freshness and vitality into the palette, creating a lively and invigorating atmosphere in the heat map.
6. Color Name: Turquoise
Hex Code:
#6CF0D1
Description: A vibrant and tropical shade of blue-green that adds a playful and energetic element to the color palette, brightening up the heat map with its lively presence.
7. Color Name: Teal
Hex Code:
#46D8C4
Description: A sophisticated and elegant shade of blue-green that brings a sense of balance and sophistication to the palette, adding a touch of refinement to the heat map.
8. Color Name: Cyan
Hex Code:
#32CDCD
Description: A bold and striking shade of blue-green that commands attention and adds a modern and futuristic vibe to the color palette, making the heat map visually engaging and captivating.
9. Color Name: Robin's Egg
Hex Code:
#7BE1E6
Description: A delicate and soft shade of blue with a hint of green, reminiscent of a robin's egg, adding a touch of whimsy and charm to the palette, creating a warm and inviting atmosphere in the heat map.
10. Color Name: Powder Blue
Hex Code:
#B8E6ED
Description: A soft and powdery blue hue that evokes a sense of calm and tranquility, creating a soothing and peaceful ambiance in the heat map, perfect for showcasing data in a clear and organized manner.
11. Color Name: Celeste
Hex Code:
#B0D7E6
Description: A light and airy shade of blue that exudes a sense of serenity and purity, enhancing the overall aesthetic of the color palette and adding a touch of elegance to the heat map.
12. Color Name: Glacier Blue
Hex Code:
#C5E9F0
Description: A cool and icy blue hue that brings a sense of freshness and clarity to the palette, creating a crisp and clean look for the heat map, making data visualization easy to read and understand.
Customize Preview Colors
Upgrade to ProOverview
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.
Electric Blue
#30DCFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Sky Blue
#7EDFFF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Aqua
#9CF5FF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Seafoam
#B5FFFA
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Mint
#A3FFC1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Turquoise
#6CF0D1
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Teal
#46D8C4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Cyan
#32CDCD
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Robin's Egg
#7BE1E6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Powder Blue
#B8E6ED
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Celeste
#B0D7E6
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Glacier Blue
#C5E9F0
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)Color Theory Analysis
Unlock advanced color wheel distribution, harmony detection, and HSL color analysis with Pro.
Upgrade to ProColor Wheel Distribution
Harmony Analysis
Dominant Temperature
--
Harmony Type
--
Analyzing color relationships...
Color Values (HSL)
Background Color
Colors
Text Color
Colors
Preview & Analysis
Aa
The quick brown fox jumps over the lazy dog.
Normal Text
Large Text
AI Contrast Fix Suggestions
Suggests background & text tweaks to reach WCAG targets.
Log in to unlock 3 free AI tries
Ready to suggest tweaks for AA/AAA.
Suggested pairs
Shortest hop that clears WCAG AA/AAA.
Understanding Contrast Ratios
4.5:1 (Level AA)
The minimum required contrast ratio for normal text to be considered accessible under WCAG 2.1 Level AA. For large text, the requirement is lower at 3.0:1. This is the standard target for most web content.
7.0:1 (Level AAA)
The "gold standard" for accessibility. Achieving a 7.0:1 ratio ensures that your text is readable even for people with significant vision loss. For large text, the AAA requirement is 4.5:1.
What counts as Large Text?
WCAG defines large text as anything 18pt (approx. 24px) or larger, or 14pt (approx. 18.66px) and bold or larger. Most headings fall into this category.
Why it matters
Proper contrast is essential for everyone, but especially for people with color blindness, low vision, or those viewing screens in bright sunlight.