Waripixel Toolbox

Pick, mix, and master color.

Free, instant color tools plus premium AI image editing — start with any color below.

CSS Variables

  

Color Details

Luminance
Brightness
Temperature
Nearest Name
On-Color Text
vs White
vs Black

Shades & Tints

Complementary

Analogous

Triadic

Frequently asked questionsQuestions fréquentes

Is the Waripixel color picker free?Le sélecteur de couleur Waripixel est-il gratuit ?

Yes — completely free, with no signup, no watermark and no usage limits. It runs entirely in your browser.Oui — entièrement gratuit, sans inscription, sans filigrane et sans limite d’utilisation. Il fonctionne directement dans votre navigateur.

Which color formats does it show?Quels formats de couleur sont affichés ?

HEX, RGB, HSL and HSV, plus shades and tints, color harmonies (complementary, analogous, triadic) and ready-to-copy CSS variables.HEX, RGB, HSL et HSV, plus les nuances, les harmonies (complémentaire, analogue, triadique) et des variables CSS prêtes à copier.

Can I check accessibility from the picker?Puis-je vérifier l’accessibilité depuis le sélecteur ?

Yes — every color shows its WCAG contrast ratio against white and black, and one click sends it to the full Contrast Checker.Oui — chaque couleur affiche son contraste WCAG sur fond blanc et noir, et un clic l’envoie vers le vérificateur de contraste complet.

Can I save colors for later?Puis-je sauvegarder des couleurs ?

Yes — saved colors and palettes are stored locally in your browser, no account needed.Oui — les couleurs et palettes sauvegardées sont stockées localement dans votre navigateur, sans compte.

Color Names

Search 32,000+ color names — from the CSS classics to Neon Blue. Search by name or HEX value.

Frequently asked questionsQuestions fréquentes

How many color names can I search?Combien de noms de couleurs puis-je chercher ?

Over 32,000 — the CSS named colors plus community-curated names from the open-source color-name-list project and the classic NTC list.Plus de 32 000 — les couleurs nommées CSS plus les noms communautaires du projet open source color-name-list et de la liste NTC.

What is the HEX code for Neon Blue?Quel est le code HEX de Neon Blue ?

Neon Blue is #04D9FF. Type any name — "neon blue", "sage", "crimson" — and the matching HEX and RGB values appear instantly.Neon Blue est #04D9FF. Tapez n’importe quel nom — « neon blue », « sage », « crimson » — et les valeurs HEX et RGB apparaissent instantanément.

Can I search by HEX value instead of a name?Puis-je chercher par valeur HEX plutôt que par nom ?

Yes — paste a HEX value (with or without the #) to find the named colors that match it.Oui — collez une valeur HEX (avec ou sans #) pour trouver les couleurs nommées correspondantes.

Does such a big list slow the page down?Une liste aussi grande ralentit-elle la page ?

No — the full list loads in the background after the page paints, and the grid only renders the cards on screen, so scrolling and search stay fast.Non — la liste complète se charge en arrière-plan après l’affichage, et la grille ne rend que les cartes visibles : le défilement et la recherche restent rapides.

Color Chart

Browse colors by family. Click any swatch to copy its HEX value.

Color Palettes

Curated palettes for every project. Copy individual colors or export entire palettes.

Tailwind Palette Generator

Generate a full 50–950 Tailwind color scale from a single base color.

Frequently asked questionsQuestions fréquentes

How do I generate a Tailwind color scale from one color?Comment générer une gamme Tailwind à partir d’une couleur ?

Pick or paste a base color and the tool generates the full 50–950 shade scale used by Tailwind, ready to copy into your configuration.Choisissez ou collez une couleur de base et l’outil génère la gamme complète de nuances 50–950 utilisée par Tailwind, prête à copier dans votre configuration.

Is the generated scale free to use?La gamme générée est-elle libre d’utilisation ?

Yes — the tool is free with no signup, and the generated colors are yours to use in any project.Oui — l’outil est gratuit sans inscription, et les couleurs générées vous appartiennent pour tout projet.

Contrast Checker

Verify WCAG accessibility for text on background colors.

Foreground (Text)
#111827
Background
#FFFFFF
Contrast Ratio 12.63:1
AA Normal Text Pass
AA Large Text Pass
AAA Normal Text Pass
AAA Large Text Pass

Live Preview

Large Heading Text

The quick brown fox jumps over the lazy dog. This is body text at normal size.

Card Title

Card content with foreground text on a card background.

Frequently asked questionsQuestions fréquentes

What contrast ratio does WCAG require?Quel ratio de contraste la norme WCAG exige-t-elle ?

AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 for normal text and 4.5:1 for large text.AA exige 4,5:1 pour le texte normal et 3:1 pour le grand texte ; AAA exige 7:1 pour le texte normal et 4,5:1 pour le grand texte.

Does the checker show pass/fail levels?Le vérificateur affiche-t-il les niveaux réussite/échec ?

Yes — it grades AA and AAA for both normal and large text live, as you adjust the foreground and background colors.Oui — il évalue AA et AAA pour le texte normal et le grand texte en direct, pendant que vous ajustez les couleurs.

Is the contrast checker free?Le vérificateur de contraste est-il gratuit ?

Yes — free, no signup, and it runs entirely in your browser.Oui — gratuit, sans inscription, et il fonctionne entièrement dans votre navigateur.

Color Mixer

Blend two colors together and generate gradient CSS.

50%
#800080

10-Step Blend

Gradient Preview

Image Stitch

Combine multiple images into one — side by side or stacked, right in your browser.

Drop 2+ images here or click to upload

Frequently asked questionsQuestions fréquentes

How do I combine multiple images into one?Comment combiner plusieurs images en une seule ?

Drop two or more images onto Image Stitch, choose Horizontal (side by side) or Vertical (stacked), reorder if needed, and download. No signup required.Déposez deux images ou plus dans Assemblage d’images, choisissez Horizontal (côte à côte) ou Vertical (empilées), réorganisez si besoin, puis téléchargez. Sans inscription.

Are my images uploaded to a server?Mes images sont-elles envoyées sur un serveur ?

No — stitching runs 100% in your browser. Your images never leave your device.Non — l’assemblage s’exécute à 100 % dans votre navigateur. Vos images ne quittent jamais votre appareil.

Can images of different sizes be stitched cleanly?Des images de tailles différentes peuvent-elles être assemblées proprement ?

Yes — "Match sizes" scales every image to a common height or width (only ever scaling down, so quality is preserved), or keep original sizes with alignment control.Oui — « Uniformiser » met toutes les images à une hauteur ou largeur commune (en réduisant uniquement, pour préserver la qualité), ou gardez les tailles d’origine avec contrôle de l’alignement.

Which formats can I export?Quels formats puis-je exporter ?

PNG (supports transparency), JPEG and WebP, with an adjustable quality slider for JPEG and WebP.PNG (avec transparence), JPEG et WebP, avec un réglage de qualité pour JPEG et WebP.

Image Tools

Upload an image to crop, pick colors, extract palettes, and inspect metadata.

Color Accessibility Simulator

Preview how your image looks to people with color vision deficiencies, right in your browser.

Drop an image here or click to upload

Print-Readiness Scorer

Check your image's sharpness and resolution before sending it to print.

Drop an image here or click to upload

Social Media Auto-Framer

Auto-center a crop frame on the busiest part of your image, then fine-tune and export for social media.

Drop an image here or click to upload

Style Filters

Apply artistic filter presets to your image, right in your browser.

Drop an image here or click to upload

AI Relight

Relight your subject with realistic, diffusion-based lighting from a short description.

Premium · 1 token / image

AI results vary. A token is spent on each completed render and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

HD Cutout

Remove the background with clean, studio-quality edges — hair and fine detail included.

Premium · 1 token / image

AI results vary. A token is spent on each completed render and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

Frequently asked questionsQuestions fréquentes

How much does background removal cost?Combien coûte la suppression d’arrière-plan ?

One token per image, pay-as-you-go. There is no subscription — you only pay for the images you process.Un jeton par image, en paiement à l’usage. Pas d’abonnement — vous ne payez que les images traitées.

Does it handle hair and fine edges?Gère-t-il les cheveux et les contours fins ?

Yes — HD Cutout targets clean, studio-quality edges including hair and fine detail.Oui — HD Cutout vise des contours nets de qualité studio, y compris les cheveux et les détails fins.

Do I need an account?Ai-je besoin d’un compte ?

For the premium AI tools yes (to hold your tokens). All the color tools and browser-based image tools are free with no account.Pour les outils IA premium oui (pour vos jetons). Tous les outils couleur et les outils image dans le navigateur sont gratuits sans compte.

AI Upscale & Enhance

Upscale your image up to 4× with restored sharpness and detail.

Premium · 1 token / image

AI results vary. A token is spent on each completed render and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

Frequently asked questionsQuestions fréquentes

How much can I upscale an image?Jusqu’à combien puis-je agrandir une image ?

Up to 4× the original resolution, with AI-restored sharpness and detail.Jusqu’à 4× la résolution d’origine, avec une netteté et des détails restaurés par IA.

What does upscaling cost?Combien coûte l’agrandissement ?

One token per image, pay-as-you-go — no subscription.Un jeton par image, en paiement à l’usage — sans abonnement.

Photo Colorizer

Turn a black-and-white photo into realistic color with one click.

Premium · 1 token / image

AI results vary. A token is spent on each completed render and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

Frequently asked questionsQuestions fréquentes

How do I colorize a black-and-white photo?Comment coloriser une photo en noir et blanc ?

Upload the photo and click once — the AI adds realistic, natural color automatically. One token per image, no subscription.Téléversez la photo et cliquez une fois — l’IA ajoute automatiquement des couleurs réalistes et naturelles. Un jeton par image, sans abonnement.

Will old, faded photos work?Les vieilles photos délavées fonctionnent-elles ?

Yes — colorization works on scans of old photos; pairing it with Portrait Enhancer or AI Upscale gives the best restoration results.Oui — la colorisation fonctionne sur les scans de photos anciennes ; l’associer à l’amélioration de portrait ou à l’agrandissement IA donne les meilleurs résultats.

Portrait Enhancer

Restore and sharpen faces and skin for crisp, natural-looking portraits.

Premium · 1 token / image

AI results vary. A token is spent on each completed render and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

Background Studio

Replace the background with an AI-generated scene from a short text prompt.

Premium · 1 token / image

AI results vary. A token is spent on each completed render and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

Tip: this replaces the background with a described scene. For a transparent cut-out instead, use HD Cutout.

Magic Eraser

Brush an area to erase it (AI fills the gap) or to keep it (cut out everything else).

Remove = 1 token · Keep = free

AI results vary. A token is spent on each completed Remove and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

Generative Expand

Extend your image to a new aspect ratio — AI generates the new surrounding area.

Premium · 1 token / image

AI results vary. A token is spent on each completed render and isn't refundable for quality — it's only restored if a render fails technically. Terms.

Before and after example

Saved Colors

Your saved colors and palettes, stored locally in your browser.

No saved colors yet. Use the save button on any color to get started.

Waripixel Toolbox — Free color toolkit for designers & developers.

© 2026 GM Coffi · Released under the MIT License