JSON.FORMATSuite tout-en-un pour formater, valider, minifier, comparer et convertir du JSON.//REGEX.TESTERTesteur d'expressions régulières en temps réel avec explications et remplacement.//PDF.SUITEFusionner, diviser, extraire du texte, pivoter et convertir des pages PDF en images.//IMAGE.STUDIOÉditeur de photos dans le navigateur : recadrage, filtres, WebP/PNG et Base64.//HTML.BEAUTIFYEmbellisseur de code HTML, minificateur de production et encodeur d'entités.//CSS.MINIFYFormateur de CSS, minificateur pour production et convertisseur CSS vers SCSS.//SQL.FORMATTEREmbellisseur de requêtes SQL, traducteur entre dialectes et minificateur.//SVG.EXCALIDRAWÉditeur visuel vectoriel interactif avec Excalidraw et formateur SVG.//TEXT.DIFFCompteur de mots, estimation du temps de lecture et comparateur de diff.//YAML.CONVERTValidateur et formateur bidirectionnel YAML et JSON avec vérification syntaxique.//XML.PARSERFormateur de documents XML, inspecteur d'arborescence et convertisseur JSON.//GRAPHQL.STUDIOFormateur de requêtes et schémas SDL, minificateur et trieur de champs AST.//BASE64.CODECEncodeur et décodeur Base64 et URL-Safe avec support complet d'UTF-8.//LOREM.IPSUMGénérateur de faux texte de remplissage pour maquettes et prototypes UI.//PASSWORD.GENGénérateur de mots de passe aléatoires sécurisés avec mesure d'entropie.//URL.STUDIOSuite de 8 outils : encodage, décodage, validateur, parseur et constructeur.//QR.STUDIOGénérateur de codes QR personnalisés avec logos, couleurs et dégradés.//ASCII.EXPLORERTable interactive ASCII 0-255, raccourcis clavier Alt et symboles CP437.//KEYCODES.LIVEDétecteur d'événements KeyboardEvent en direct et aide-mémoire JavaScript.//JWT.DEBUGGERDécodeur de jetons JWT, inspecteur de claims et vérification de signature Web Crypto.//BINARY.CODECConvertisseur bidirectionnel texte en binaire avec pluie Matrix et table ASCII.//CHARTS.STUDIOGénérateur de graphiques interactifs (barres, lignes, camembert) depuis CSV.//UUID.V7Générateur en masse d'UUID v4, v7 chronologique, v1 et validateur.//CSV.JSONConvertisseur bidirectionnel CSV vers JSON avec délimiteurs et grille de tableau.//COLORS.STUDIOConvertisseur HEX/RGB/HSL/CMYK, harmonies de palette et contraste WCAG 2.1.//SEO.METAGénérateur de balises meta, Open Graph et aperçu en direct de Google SERP.//SCHEMA.JSONLDGénérateur de données structurées Schema.org pour Google Rich Snippets.//SITEMAP.XMLGénérateur de sitemaps XML standard (Protocole 0.9) pour Google et Bing.//ROBOTS.TXTGénérateur de robots.txt, blocage de scrapers d'IA et testeur d'URL.//FAKE.DATAGénérateur de données fictives et synthétiques : export en JSON, CSV, SQL et TS.//CLOCK.WORLDHorloge mondiale en temps réel avec globe 3D holographique et fuseaux IANA.//DATE.CALCJours entre dates, âge précis, jours ouvrés, timestamp Unix et parser cron.//CALC.SUITESuite de 56+ calculatrices : pourcentages, prêts, TVA, IMC et salaires.//JSON.FORMATSuite tout-en-un pour formater, valider, minifier, comparer et convertir du JSON.//REGEX.TESTERTesteur d'expressions régulières en temps réel avec explications et remplacement.//PDF.SUITEFusionner, diviser, extraire du texte, pivoter et convertir des pages PDF en images.//IMAGE.STUDIOÉditeur de photos dans le navigateur : recadrage, filtres, WebP/PNG et Base64.//HTML.BEAUTIFYEmbellisseur de code HTML, minificateur de production et encodeur d'entités.//CSS.MINIFYFormateur de CSS, minificateur pour production et convertisseur CSS vers SCSS.//SQL.FORMATTEREmbellisseur de requêtes SQL, traducteur entre dialectes et minificateur.//SVG.EXCALIDRAWÉditeur visuel vectoriel interactif avec Excalidraw et formateur SVG.//TEXT.DIFFCompteur de mots, estimation du temps de lecture et comparateur de diff.//YAML.CONVERTValidateur et formateur bidirectionnel YAML et JSON avec vérification syntaxique.//XML.PARSERFormateur de documents XML, inspecteur d'arborescence et convertisseur JSON.//GRAPHQL.STUDIOFormateur de requêtes et schémas SDL, minificateur et trieur de champs AST.//BASE64.CODECEncodeur et décodeur Base64 et URL-Safe avec support complet d'UTF-8.//LOREM.IPSUMGénérateur de faux texte de remplissage pour maquettes et prototypes UI.//PASSWORD.GENGénérateur de mots de passe aléatoires sécurisés avec mesure d'entropie.//URL.STUDIOSuite de 8 outils : encodage, décodage, validateur, parseur et constructeur.//QR.STUDIOGénérateur de codes QR personnalisés avec logos, couleurs et dégradés.//ASCII.EXPLORERTable interactive ASCII 0-255, raccourcis clavier Alt et symboles CP437.//KEYCODES.LIVEDétecteur d'événements KeyboardEvent en direct et aide-mémoire JavaScript.//JWT.DEBUGGERDécodeur de jetons JWT, inspecteur de claims et vérification de signature Web Crypto.//BINARY.CODECConvertisseur bidirectionnel texte en binaire avec pluie Matrix et table ASCII.//CHARTS.STUDIOGénérateur de graphiques interactifs (barres, lignes, camembert) depuis CSV.//UUID.V7Générateur en masse d'UUID v4, v7 chronologique, v1 et validateur.//CSV.JSONConvertisseur bidirectionnel CSV vers JSON avec délimiteurs et grille de tableau.//COLORS.STUDIOConvertisseur HEX/RGB/HSL/CMYK, harmonies de palette et contraste WCAG 2.1.//SEO.METAGénérateur de balises meta, Open Graph et aperçu en direct de Google SERP.//SCHEMA.JSONLDGénérateur de données structurées Schema.org pour Google Rich Snippets.//SITEMAP.XMLGénérateur de sitemaps XML standard (Protocole 0.9) pour Google et Bing.//ROBOTS.TXTGénérateur de robots.txt, blocage de scrapers d'IA et testeur d'URL.//FAKE.DATAGénérateur de données fictives et synthétiques : export en JSON, CSV, SQL et TS.//CLOCK.WORLDHorloge mondiale en temps réel avec globe 3D holographique et fuseaux IANA.//DATE.CALCJours entre dates, âge précis, jours ouvrés, timestamp Unix et parser cron.//CALC.SUITESuite de 56+ calculatrices : pourcentages, prêts, TVA, IMC et salaires.//

MODULE 05 · DESIGN & PALETTES

Color Studio & Harmonies

Studio couleur complet avec conversion HEX, RGB, HSL, CMYK, validateur de contraste WCAG 2.1 et harmonies chromatiques.

SÉLECTIONNER COULEUR

Alpha: 100%

PRÉSÉLECTIONS CYBERPUNK :

HEX#00F6FF

RGBrgb(0, 246, 255)

RGBArgba(0, 246, 255, 1)

HSLhsl(182, 100%, 50%)

HSLAhsla(182, 100%, 50%, 1)

CMYKcmyk(100%, 4%, 0%, 0%)

HARMONIES CHROMATIQUES

COMPLÉMENTAIRE (180°)

ANALOGUES (±30°)

TRIADIQUE (120°)

TÉTRADIQUE (90°)

ÉCHELLE DE LUMINOSITÉ (15% - 90%)

VALIDATEUR DE CONTRASTE WCAG 2.1

SUR FOND BLANC (#FFFFFF)

1.34:1

Aa Text Preview Sample

AA Normal FAILAAA Normal FAIL

SUR FOND CYBER SOMBRE (#0E0C1A)

14.39:1

Aa Text Preview Sample

AA Normal PASSAAA Normal PASS

Guide Complet : Espaces de Couleur et Accessibilité Web

1. Que sont les espaces colorimétriques ?

RGB et HEX pour les écrans, HSL pour la perception humaine et CMYK pour l’impression.

2. Accessibilité WCAG 2.1 et ratios de contraste

Le standard WCAG requiert un ratio de 4.5:1 pour le texte courant (AA) et 7:1 pour le niveau AAA.

3. Harmonies chromatiques

Angles géométriques sur la roue chromatique assurant l’équilibre visuel.

4. Innovations CSS : OKLCH et color-mix()

OKLCH garantit une luminosité perçue constante lors des dégradés.

Foire Aux Questions (FAQs)

Pourquoi utiliser HSL en CSS ?

Il simplifie la création de thèmes clairs/sombres en modifiant uniquement la luminosité.

Comment est calculé le contraste ?

Par division des luminances relatives (L1 + 0.05) / (L2 + 0.05) selon le W3C.

OUTILS DESIGN ET FRONTEND ASSOCIÉS :

CSS Formatter & Minifier →SVG Studio & Excalidraw →Image Editor & Converter →