Morrnaire
Book a ConsultationA color picker lets you select, preview, and convert colors between HEX, RGB, HSL, and named formats — essential for web design, CSS styling, and graphic design projects.
Complementary
#b71048
Triadic 1
#7f10b7
Triadic 2
#b77f10
Analogous 1
#109bb7
Analogous 2
#10b72c
Split 1
#b7109b
Split 2
#b72c10
Use the colour swatch to pick any colour visually, or type a HEX, RGB, or HSL value directly into the input field and click Set. The tool instantly displays the colour in HEX, RGB, HSL, and OKLCH formats — click any format to copy it. Explore colour harmonies like complementary and analogous pairs, generate tints and shades to build a full palette, and check contrast ratios against white and black backgrounds. The colour-blindness simulator helps you verify your design is accessible to all users. No sign-up required and no data sent over Nigerian networks.
A color picker is indispensable for anyone working with digital design, branding, or web development. Nigerian business owners use it to match their brand colours across websites, social media graphics, and print materials. Graphic designers in Lagos, Abuja, and Port Harcourt rely on it to create consistent colour palettes for client projects, while web developers use it to verify contrast ratios for accessible user interfaces. The gradient preview feature is also useful for planning website backgrounds and social media banner designs for Nigerian audiences.
You can input and output colours in HEX, RGB, HSL, and OKLCH formats. This covers all major formats used in web development (CSS), graphic design (Photoshop, Figma), and modern design systems. Perfect for Nigerian designers working on international and local projects alike.
It simulates how your chosen colour appears to people with protanopia (red-blind), deuteranopia (green-blind), and tritanopia (blue-blind). This helps you design inclusive interfaces that are accessible to the estimated 8% of men with some form of colour vision deficiency — important for Nigerian government and education platforms that must serve all citizens.
The WCAG standard recommends a contrast ratio of at least 4.5:1 for normal text (AA compliance) and 3:1 for large text. This tool shows you exactly how your colour performs against white and black backgrounds, helping Nigerian developers build accessible products.
Yes, the tool automatically generates five tints (lighter versions) and five shades (darker versions) of your selected colour. These are great for building a complete design palette with consistent undertones — ideal for branding projects at Nigerian advertising agencies.
Yes, it is completely free and does not require any sign-up. All colour processing happens in your browser and no data is sent to any server. Your colour history is stored temporarily in your browser session only, so you don\u2019t need to worry about your design data being stored on remote servers.
Compress images before using them in your design.
Convert images between PNG, JPG, WebP, AVIF, and GIF.
Extract color-accurate images from PDF documents.
Generate favicons in your brand colors from one image.
Format and validate your JSON colour palette configs.