Sélecteur, convertisseur, palettes, contraste et vision
Sept tâches sur la couleur, une seule barre partagée, chaque chiffre calculé ici
Sept panneaux au-dessus d'une couleur partagée : choisir et convertir, vérifier le contraste, construire une palette, construire une échelle, construire un dégradé, tirer une palette d'une image, et voir le tout à travers trois formes de vision des couleurs. Changez la couleur dans un panneau et tous les autres en parlent déjà.
Les conversions suivent CSS Color Level 4, y compris la vraie courbe de transfert sRGB par morceaux plutôt qu'un gamma de 2,2, l'adaptation de Bradford entre D65 et D50 pour Lab, et le rattrapage de gamut en réduisant le chroma en OKLCH. C'est pourquoi ces chiffres s'accordent avec ce que peint le navigateur au lieu d'être à un ou deux pour cent près.
Il donne le rapport WCAG 2.2 et les exigences que la paire satisfait. Il ne dit pas que votre page est accessible, car le contraste est un critère de succès parmi beaucoup d'autres - ordre de focus, libellés, parcours au clavier, mouvement et structure sont distincts - et une page au contraste parfait peut rester inutilisable.
APCA est derrière un dépliant et étiqueté comme information de brouillon pour WCAG 3. Il modélise la façon dont le contraste se lit à une taille et une graisse données, ce que WCAG 2 ne fait pas - mais rien n'est mesuré à son aune aujourd'hui, et le montrer à égalité trahirait les deux.
La projection de Vienot, Brettel et Mollon, appliquée en lumière linéaire. Elle répond à la question qui vaut la peine d'être posée - ces deux-là restent-elles distinguables - au lieu de prétendre photographier ce que voit une personne donnée. C'est un modèle d'une forme de la condition, et le panneau le dit.
Les fonctions essentielles expliquées de manière concrète.
HEX, RGB, HSL, HWB, OKLCH, OKLab, Lab, LCH, Display P3 et les 148 couleurs nommées, chacune avec un bouton de copie. Les valeurs hors gamut sont signalées et ramenées en réduisant le chroma en OKLCH, comme le prévoit la spécification.
Le rapport, et lesquelles des exigences normal AA, grand AA, interface AA, normal AAA et grand AAA la paire satisfait. Les couleurs semi-transparentes sont d'abord composées sur la couleur de la page, exactement comme un navigateur les peint - une erreur que commettent la plupart des vérificateurs.
Quand une paire manque la cible, la nuance la plus proche de la même couleur est cherchée en luminosité et en chroma dans OKLCH - et chaque candidate est remesurée après arrondi sur huit bits, car une recherche en espace continu peut rendre une couleur qui échoue une fois devenue hexadécimale.
Sept harmonies et une gamme de onze niveaux de 50 à 950, construites en faisant tourner la teinte et en échelonnant la luminosité dans un espace perceptuel. Export en propriétés personnalisées CSS, variables SCSS, JSON ou simple liste.
Dégradés linéaires, radiaux et coniques avec arrêts déplaçables, interpolés en OKLCH pour que le bleu vers le jaune ne passe pas par la boue. La forme sRGB simple est émise à côté, si bien que les navigateurs plus anciens dessinent toujours un dégradé.
Median cut suivi d'un raffinement de Lloyd, exécuté sur des pixels décodés dans cet onglet. Le pas d'échantillonnage est forcé hors des petits nombres premiers pour qu'une image rayée ou tabulaire ne se réduise pas à deux couleurs - un vrai défaut, corrigé ici.
La projection de Vienot, Brettel et Mollon appliquée en lumière linéaire, pour la protanopie, la deutéranopie et la tritanopie. Elle indique si une PAIRE reste distinguable, la question qui compte, et dit clairement qu'elle modélise une forme de la condition et non les yeux d'une personne précise.
Le modèle de contraste perceptuel rédigé pour WCAG 3 est placé derrière un dépliant et décrit pour ce qu'il est : une information de brouillon, et non ce à quoi quoi que ce soit est mesuré aujourd'hui. Le présenter à égalité avec les verdicts WCAG trahirait les deux.
Un parcours clair de la source officielle à votre première utilisation réussie.
Utilisez l'un des liens officiels disponibles pour votre appareil ou votre navigateur.
Suivez les instructions de la boutique ou ouvrez l'application web. Aucun programme d'installation tiers.
Consultez les options, choisissez vos préférences et commencez par le flux principal.
Une vue transparente des technologies principales utilisées pour créer et maintenir ce produit.
Vos données restent sur votre appareil. Toujours.
