Complementary
Base
#6366F1
Complement
#F2EF64
Analogous
−30°
#64ADF2
Base
#6366F1
+30°
#A864F2
Triadic
Base
#6366F1
+120°
#F26467
+240°
#67F264
Tints
20% white
#8285F4
40% white
#A1A3F7
60% white
#C1C2F9
80% white
#E0E0FC
100% white
#FFFFFF
Shades
20% black
#4F52C1
40% black
#3B3D91
60% black
#282960
80% black
#141430
100% black
#000000
About this tool
What is the Color Converter & Palette Generator?
The Wansify Color Converter & Palette Generator converts between HEX, RGB and HSL, previews the colour, and builds simple palettes you can copy into CSS.
How to use it
- 1Enter a HEX, RGB or HSL value, or pick a colour.
- 2Read the converted values and copy the one you need.
- 3Generate a palette such as tints, shades or complementary colours.
- 4Copy any swatch code.
Features
- HEX, RGB and HSL conversion
- Visual colour preview and picker
- Tints, shades and complementary palettes
- Copy CSS-ready colour codes
- Live updates as you edit
- Runs in your browser
FAQ
Common questions about the Color Converter & Palette Generator
What HEX formats are accepted?
Three or six digit HEX values with or without a leading #, such as #0af or #0066ff.
Is the colour converter free?
Yes. It is free to use with no sign-up.
More free tools
Image CompressorCompress JPG, PNG and WebP images in your browser. Resize, convert formats, compare before and after, then download. Free, no upload.QR Code GeneratorCreate free, scannable QR codes with custom colours, rounded or dot styles and eye shapes. Download PNG or SVG. Static codes that never expire.All tools