🎨
Color Picker & Palette Generator
Pick colors and generate harmonious color palettes for your designs.
Color Picker
Color Palette
#15467f
rgb(21,
70,
127)
#1f6bc1
rgb(31,
107,
193)
#4b91e2
rgb(75,
145,
226)
#8dbaec
rgb(141,
186,
236)
#cfe2f7
rgb(207,
226,
247)
Website Preview
Website Header
Sample Website
This is how your selected color would look on a website. Try different elements to see the color in action.
Color Harmony Guide
Palette Types:
- Monochromatic: Different shades, tones and tints of a single color. Creates a cohesive look.
- Analogous: Colors that are adjacent to each other on the color wheel. Creates a harmonious, comfortable design.
- Complementary: Colors opposite each other on the color wheel. Creates high contrast and vibrant designs.
- Triadic: Three colors equally spaced around the color wheel. Creates a balanced, vibrant color scheme.
- Tetradic: Four colors arranged in complementary pairs. Creates a rich color scheme with many possibilities.
Color Tips:
- Use 60-30-10 rule: main color (60%), secondary color (30%), accent color (10%)
- Dark text on light backgrounds, and light text on dark backgrounds for readability
- Consider color psychology in your design (e.g., blue for trust, red for urgency)
- Test your palette for accessibility (WCAG color contrast guidelines)
- Use color to guide the user's attention to important elements
- Save your favorite colors to use them consistently across your designs
Premium Features
Upgrade to MYTOOLZ Premium for ad-free experience and advanced features.
Learn MoreUpgrade to Premium
Remove ads, unlock advanced features, and support our tools.
Upgrade for $3.99/month