Chromo
With Chromo, you can learn more about the world of colors than ever before.
#88FFCC
A State of Mint
ReadyTools Database (Exact)
Alternative naming
Aquamarine
RGB
136, 255, 204
HSL
154°, 100%, 77%
CMYK
47, 0, 20, 0
LUM
0.85
Every color has a name.
You don't just get a code. Chromo identifies the color in our own database and finds the best matches in other systems as well. This way, you'll always know if you have 'mint green' or 'turquoise' in your hands.
Intelligent name recognition
Instant format conversion
PALETTE GENERATOR
No more boring colors.
We create endless opportunities from a single color. Chromo automatically calculates mathematical matches so you only have to pick the most beautiful combinations.
Variations
Darker, lighter, and desaturated versions of your color.
Shades (Darkening)
Tints (Lightening)
Tones (Saturation)
Harmonies
Perfect pairings generated based on the rules of the color wheel.
#88FFCC
#FF88BB
Complementary
#88FF91
#88FFCC
#88F6FF
Analogous
#88FFCC
#CC88FF
#FFCC88
Triadic
#88FFCC
#FF88F6
#FF9188
Split Complementary
Intelligent Palettes
Pre-generated sets for specific use cases so you can start working immediately.
Modern UI & Monochrome
Marketing & Vibrant
Harmonious & Natural
Pop Art & Trendy
Every format.
Chromo automatically converts your color into every industry standard. Web, print, mobile app, or scientific research? The code is ready.
background:
#88FFCC;
color:
black;
Web & CSS
HEX, RGB, HSL, CSS Vars
CMYK READY
CMYK, Pantone Match
theme.json
{
"primary"
:
"#88FFCC"
"ui_int"
:
0xFF88...
}
Developer Code
SwiftUI, Android XML, JSON
L*a*b*
Lab & Physics
CIE Lab, XYZ, LCH
REAL RESULTS
See your color in action.
It's not just a palette. Chromo instantly shows you how your chosen color looks on real user interfaces, buttons, and charts.
Readability & Contrast
Product Mockup
CARDHOLDER
UI Components
Mobile View
Data Visualization
REVENUE
+24%
FULL ANALYSIS
Not just a color. A complete brand.
Chromo's in-depth analysis helps with decision-making. From psychology to technical implementation, you get everything with a single click.
Aa
Playfair
+ Inter
Professional Font Pairing
The system automatically recommends Google Fonts that match the mood of your color. Whether it's a modern sans-serif or an elegant serif style, your typography will be in harmony with your palette.
🌿
Vibe Check
Color Psychology & Mood
Find out what your color communicates! Get an analysis of emotional effects (e.g., trust, calm) and suggestions on which industries (e.g., finance, tech) it works best in.
CONTRAST
12.5
Small Text
WCAG Accessibility
Don't take risks. Chromo checks contrast ratios (AA, AAA) on both white and black backgrounds to ensure your text is readable for everyone.
Aurora Mesh
CSS Output Ready
CSS Gradient Generator
We create stunning color transitions and 'Mesh Gradient' backgrounds from your base color. Copy the ready-made CSS code and use it on your website instantly.
SYSTEM MATCH
Tailwind
emerald-400
Material
Green A200
Tailwind & Material Match
Integrate the color into your existing system. We find the closest matches in Tailwind CSS, Google Material Design, and Pantone libraries.
MIXER
50% Cyan + 30% Yellow + 20% White
Physical Paint Mixing
If you're heading to the print shop or want to paint: we show you the CMYK composition and physical pigment mixing ratios (RYB model).