Tools / Color Mixer

Color Mixer

Mix two colors together with different blend modes. See the result in real-time with HEX and RGB output.

7,000 AI Tokens Used
Feb 2, 2026 Created
designcolor
Categories
Color 1Color 2
HEX#95639d
RGBrgb(149, 99, 157)

Blend Modes

Average: Standard color mixing
Multiply: Darkens colors (like overlapping paint)
Screen: Lightens colors (opposite of multiply)
Overlay: Combines multiply and screen

How This Tool Was Built

This tool was created entirely by AI. Here's the exact prompt used to generate it:

Prompt Used 
Create a Color Mixer tool with these features:

1. Two color inputs with pickers and hex fields
2. Swap colors button
3. Blend mode selector (Average, Multiply, Screen, Overlay)
4. Mix ratio slider for average mode
5. Large result color preview
6. Show HEX and RGB values
7. Copy result button
8. Gradient preview showing transition
9. Info about blend modes

Make it colorful with purple as the accent color.
AI
Claude AI Model
#
7,000 Tokens Used
100%
AI-Generated Code Origin