All Qolorio tools
Choose the right color tool.
Create a complete color system or solve one focused color question. Every Qolorio tool is free to use, and no account is needed.
Create
Build a palette or color direction
Start with one color, an image, a feeling or a practical project. Choose the amount of guidance you need.
Color Studio
Create, preview, test and export a complete palette in one connected workspace.
Build a color system
Live Canvas
Assign essential website roles and see the same colors working across realistic interfaces.
Preview a design
Color Palette Generator
Generate and refine a standalone palette from colors, harmonies, moods, images or palette families.
Generate a palette
Image Color Picker
Extract, sample, refine and export the colors already present in a photograph or illustration.
Choose an image
Color Match
Start with one important color and discover useful companions for a website, brand or creative project.
Find matching colors
Color DNA
Follow adaptive prompts to uncover one considered starting color for yourself, somebody else, a brand or a project.
Discover a personal colorExplore and convert
Understand a color in more detail
Inspect related colors, mix values, translate formats or find a useful name and reference.
Color Explorer
Explore shades, tints, tones and related colors around one starting value.
Explore a color
Color Mixer
Mix two colors, control their proportions and discover the resulting value.
Mix two colors
Color Converter
Convert HEX, RGB, HSL and other color values without losing precision.
Convert a value
CSS Color Names
Browse standard CSS color names and copy their exact code values.
Browse CSS colors
Color Name Finder
Give a color a memorable name and find its closest standard reference.
Name a color
Color Charts
Browse useful color charts and reference values for practical work.
Open the chartsCheck and extract
Test whether the colors work
Check readability and distinction, or uncover the values already used in a codebase.
Color Contrast Checker
Compare foreground and background colors, see the exact ratio and understand which WCAG targets they pass.
Check a color pair
Color Vision Checker
Preview how a palette may be perceived with different color-vision conditions.
Inspect a palette
Color Extractor from Code
Extract and organize colors from CSS, HTML, SVG or pasted code.
Inspect your code
Distinct Color Generator
Generate colors that stay easy to tell apart in charts, maps, games and interfaces.
Create distinct colorsFind inspiration
Find a direction worth developing
Browse searchable palette families, visual color stories or a purpose-built game palette workflow.
Color Palette Library
Search Qolorio palette families by color, mood, style and practical use.
Browse the library
Color Palette Inspiration
Explore visual palette stories with exact HEX values and combinations you can take further.
Find a direction
Roblox Color Palette Builder
Choose game-ready colors, materials and Color3 values for a Roblox project.
Open the builderNot sure where to start?
Begin with the result you need.
Use Color Studio for a complete palette, Palette Generator for a quick direction, Contrast Checker for one readability question, or Live Canvas when you want to see colors in a website immediately.
Frequently asked questions
A clear place to begin
Are Qolorio’s color tools free?
Yes. Every tool can be used for free, and you do not need an account to begin.
Which color tool should I use first?
Start with Color Studio when you want to build and test a complete palette. Use Color Palette Generator when you need a quicker starting point, or choose one specialist tool for a single task.
Can I extract colors from an image or code?
Yes. Use Image Color Picker to sample colors from a photograph or illustration, and Color Extractor from Code to find the colors used in CSS, HTML or SVG.
Can I move a result into Color Studio?
Several Qolorio tools can hand a useful color or palette to Color Studio, where you can assign roles, preview a design, test important combinations and export the result.