网站的主要行动号召按钮(Cta)、Logo、重要信息高亮、图标和需要吸引用户注意的元素。
About This Color Palette
Main Call To Action
1. Primary -
#FF4500
- A vibrant and attention-grabbing orange primary color
2. Secondary 1 -
#FFD700
- A bright and energetic yellow secondary color
3. Secondary 2 -
#4B0082
- A deep and sophisticated purple secondary color
4. Background Light 1 -
#F5F5F5
- A light and soft gray background color for light theme
5. Background Light 2 -
#E0E0E0
- A slightly darker gray background color for light theme
6. Background Light 3 -
#C0C0C0
- A medium gray background color for light theme
7. Background Dark 1 -
#333333
- A dark and elegant gray background color for dark theme
8. Background Dark 2 -
#1A1A1A
- A slightly lighter gray background color for dark theme
9. Background Dark 3 -
#000000
- A black background color for dark theme
10. Border Light -
#D3D3D3
- A light gray border color for light theme
11. Border Dark -
#808080
- A medium gray border color for dark theme
Follow-up questions:
- Do you have any specific preferences for the shades of the primary, secondary, and background colors?
- Should the border colors be prominent or subtle in the overall design?
- Are there any specific elements or sections on the website where you would like these colors to be used?
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
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)
Primary
#FF4500
Gold
#FFD700
Indigo
#4B0082
White Smoke
#F5F5F5
Kingly Cloud
#E0E0E0
Silver
#C0C0C0
Carbon
#333333
Dark Moon
#1A1A1A
Black
#000000
Pinball
#D3D3D3
Border Dark
#808080
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