◐
Couleur & design
Les 25 couleur & design de Tapwerk — gratuits, sans inscription, tout fonctionne dans votre navigateur.
#→oklchConvertisseur de couleursHEX, RGB, HSL, OKLCH, Lab, CMYK›Aa◐Vérificateur de contraste (WCAG et APCA)Avec la couleur conforme la plus proche›50–950Générateur de nuancesÉchelle 50–950 depuis une couleur›◐◑Générateur d’harmonies de couleursComplémentaire, analogue, triadique…›🎨+Mélangeur de couleursMélanger deux couleurs avec étapes›🎨?Trouver le nom d’une couleurLa couleur CSS nommée la plus proche›▤🌈Générateur de dégradés CSSLinéaire, radial, conique›▢⌁Générateur d’ombres CSSOmbres douces en couches›🔲✨Générateur glassmorphismEffet verre dépoli en CSS›[btn]Générateur de boutons CSSStyles accessibles avec survol et focus›Aa↕Générateur d’échelle typographiqueÉchelle modulaire en CSS›↔AaLongueur de ligne et interlignageCaractères par ligne et interligne›▫▢◻Générateur d’échelle d’espacementGrille 8 pt en variables CSS›◼→🎨Générateur de filtre CSS couleurColorer une icône noire›▦AaGrille de contraste de paletteToutes les paires de couleurs›👁◐Vérifier une palette pour le daltonismeProtanopie, deutéranopie, tritanopie›☀☾Générateur de thème UI (clair et sombre)Variables CSS depuis une couleur›▦▧Générateur de motifs SVGFonds répétables en CSS›⬮〰Générateur de blobs et vagues SVGFormes organiques et séparateurs›◉◎Générateur de dégradé meshFonds aurora en CSS pur›😀icoFavicon depuis un emoji ou des lettresICO, PNG, Apple touch, SVG›🖼1200Générateur d’image Open GraphImages 1200 × 630 pour liens et articles›❝🖼Créateur d’image de citationCarré, portrait ou story›AB◯Créateur de logo monogrammeInitiales en cercle, carré ou hexagone›🖥ℹInfos écran et viewportRésolution, taille du viewport, DPR›