ToolZool

Studio couleur

Tous les outils de ⁨Studio couleur⁩ au même endroit.

Palettes, CSS et contraste.

⁨7⁩ outils gratuitsAucune inscription requiseMarche sur tous les appareilsVos fichiers restent chez vous

Explorez ⁨Studio couleur⁩ ci-dessous et trouvez l’outil qu’il vous faut.

Outils dans ⁨Studio couleur⁩

⁨0⁩ outils · ⁨7⁩ prévus

Regroupés selon ce que vous êtes venu faire. ⁨0⁩ sont en ligne ; les autres sont en construction, marqués Bientôt.

Couleur et CSS

Des valeurs à coller directement dans une feuille de style.⁨7⁩ outils
Convertisseur de couleursBientôtUne couleur dans toutes les notations d’un coup, avec un contrôle de contraste WCAG.HEX · RGB · HSLGénérateur de paletteBientôtHarmonies, teintes et nuances à partir d’une couleur de base, avec les codes hexadécimaux prêts à copier.HEXGénérateur de dégradé CSSBientôtDégradés linéaires et radiaux avec aperçu en direct et le CSS exact à coller.CSSGénérateur d’ombre portéeBientôtDécalage, flou, étalement et couleur, prévisualisés sur une vraie carte pendant le réglage.CSSVérificateur de contrasteBientôtDeux couleurs, un rapport, et une réponse claire sur le respect des niveaux AA et AAA.WCAGTrouver la couleur TailwindBientôtLa classe Tailwind la plus proche d’une valeur hexadécimale, avec l’écart pour que vous en jugiez.HEXSimulateur de daltonismeBientôtVoyez une maquette comme la voient 8 % des hommes, avant de tout miser sur le rouge et le vert.JPG · PNG
D’autres habitats à explorer

Un habitat ouvre quand il contient des outils qui valent la visite.

Explorer tous les habitats

À propos de ⁨Outils de couleur⁩

Quelle norme de contraste utilisez-vous ?

La luminance relative de WCAG 2.2, le calcul qu’emploient les auditeurs et les outils de développement des navigateurs. 4,5:1 pour le texte courant, 3:1 pour le grand texte et les limites d’interface.

Pourquoi ma palette rend-elle autrement à l’impression ?

Un écran est additif, l’encre est soustractive : une couleur vive à l’écran n’a souvent aucun équivalent en encre. Prenez les valeurs CMJN comme point de départ d’une épreuve, pas comme une correspondance.

Autres habitats
Labo imageAtelier PDFBureau des signaturesLabo audioLabo vidéoAtelier SEOLabo automatisationAtelier donnéesAntre du développeurStation texteCoin calculPoste de guetTous les outils →

Grâce à vous,
ToolZool reste gratuit

Des outils puissants devraient être gratuits pour tout le monde. Voici comment c’est financé — tout, sans rien laisser de côté.

Offrir un café à ZoolyUn soutien direct qui paie les factures et finance les prochains outils. Entièrement facultatif.Soutenir Zooly →
Nos recommandationsDes outils payants qui terminent ce qu’un navigateur ne peut pas faire. Rien sur cette page ne nous rapporte quoi que ce soit aujourd’hui.Voir les recommandations →
Des publicités respectueusesLes emplacements, toujours signalés, restent hors de la zone de travail : ils ne s’interposent jamais entre vous et votre résultat.Lire la politique publicitaire →
Vous êtes formidableChaque visite, chaque partage et chaque mot gentil aide ToolZool à grandir et à toucher plus de monde.