可爱清新的配色
About This Color Palette
Color Palette: 可爱清新的配色
1. Color Name: 桃花粉 (Peach Blossom Pink)
Hex Code:
#FFABAB
Description: 桃花粉是一种可爱而温柔的粉红色,它带有浪漫和清新的气息,适合用于创造可爱、温馨的氛围。
2. Color Name: 翡翠绿 (Jade Green)
Hex Code:
#79C8A4
Description: 翡翠绿是一种清新而活力的绿色,像是大自然中的翡翠宝石一样,给人带来生机勃勃的感觉,适合用于传递活力和自然的形象。
3. Color Name: 天空蓝 (Sky Blue)
Hex Code:
#87CEEB
Description: 天空蓝是一种明亮而清澈的蓝色,它让人联想到晴朗的天空和湛蓝的海洋,给人带来轻盈和宁静的感觉,适合用于创造轻松和愉悦的氛围。
4. Color Name: 云雾灰 (Misty Gray)
Hex Code:
#AEB6BF
Description: 云雾灰是一种柔和而温暖的灰色,它仿佛是云朵和雾气的颜色,给人一种温馨和舒适的感觉,适合用于创造宁静和轻柔的氛围。
5. Color Name: 草坪绿 (Lawn Green)
Hex Code:
#7CFC00
Description: 草坪绿是一种鲜艳而活泼的绿色,它让人联想到茂盛的绿草地,给人带来活力和自然的感觉,适合用于传递活泼和生机的形象。
这个配色方案以桃花粉为主色调,搭配翡翠绿、天空蓝、云雾灰和草坪绿作为辅助色。整体色调清新、柔和,适合用于创造可爱、温馨和清新的氛围。
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.
桃花粉 (Peach Blossom Pink)
#FFABAB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)翡翠绿 (Jade Green)
#79C8A4
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)天空蓝 (Sky Blue)
#87CEEB
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)云雾灰 (Misty Gray)
#AEB6BF
Tints
(Mixed with white - lighter)Original
Shades
(Mixed with black - darker)草坪绿 (Lawn Green)
#7CFC00
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.