ImageColorPicker.com

Reprehensor contrarii colorum

Ratio contrarii inter colorem anteriorem et colorem background proba ut accessibilitas certior fiat.

Proba colores tuos

Combinaciones colorum proba ut certum sit eas WCAG accessibility normas pro textu legibilitate convenire.

17.07 ad 1
Contrarium
AAA
Eventus textus
Super

Comprobata: #000000 super #ACF7DA

Textus

16px, Regular (400)

Computatur ut textus normalis.

  • AA (WCAG 1.4.3): saltem 4.5:1

    Probatum

  • AAA (WCAG 1.4.6): saltem 7:1

    Probatum

Elementa interfaciei et graphica

Iconae, margines camporum, indicatores focus et aliae partes quas videre debes ut interfaciem utaris.

  • AA (WCAG 1.4.11): saltem 3:1

    Probatum
17.07 ad 1. Textus: sufficit AA, sufficit AAA. Elementa interfaciei: sufficit.
Quomodo hoc probatur
Colores comparati (post mixtionem)
Textus #000000 super fundum #ACF7DA
Luminantia relativa
Textus 0.0000, fundus 0.8035
Formula
(L1 + 0.05) / (L2 + 0.05) ubi L1 est luminantia coloris clariioris et L2 coloris obscurioris.
Proportio exacta
17.0708 ad 1, ostenditur ut 17.07 ad 1. Valor ostensus decurtatur, non rotundatur, ita numquam melius videtur quam est. Valor exactus est qui cum requisito comparatur.

Magnitudo textus: 16px, Regular (400)

Computatur ut textus normalis. Textus magnus est saltem 24px (18pt), vel saltem 18.67px (14pt) cum gravi (crassitudo 700 aut maior). Dimensiones ostenduntur truncatae, non rotundae.

Computatur ut textus normalis. Textus magnus est saltem 24px (18pt), vel saltem 18.67px (14pt) cum gravi (crassitudo 700 aut maior). Dimensiones ostenduntur truncatae, non rotundae.

Aa
Titulus praevisionis

Celer brunneus vulpes salit super ignavum canem

Exemplum textus parvi (12px)

Textus
#000000
Background
#acf7da

WCAG Normae

Gradus AA

Minimum ratio contrastus 4.5:1 pro textu normali et 3:1 pro textu magno. Necessarium pro plurimis locis web.

Gradus AAA

Aucta ratio contrastus 7:1 pro textu normali et 4.5:1 pro textu magno. Suasus pro optima accessibilitate.

Reprehensor contrarii colorum

Ratio contrarii textus et colorum background computa.

Elige colorem utens colori coacto pro textu et colore ianuae vel intrare colorem in forma RGB hexadecimale (e.g., #259 or #2596BE). Potes lapidem adjustare ut color eligas. Web Content Accessibility Guidelines (WCAG) habent specifica regulam ad auxilium determinare an textus legibilis sit pro visibilis usoribus. Haec criteria utuntur particulari algorithmo ad mappandam combinationes colorum in rationes comparabiles. Usura hac formula, WCAG declarat quod 4.5:1 ratio coloris cum textu et eius ianua satis sit pro textu regulari (corporis), et textus magnus (18+ pt regularis, aut 14+ pt audens) debet habere saltem rationem coloris 3:1.

Notae praecipuae

  • Calculatio rationis contrasti in tempore reali
  • WCAG AA & AAA conformitas verificatio
  • HSL labra ad subtilitatem
  • Multiplices formae praevisus

Instrumenta provecta

  • Automatica coloris correctio
  • Exempla textus et background
  • Detectio nominis coloris
  • Exportatio resultatorum

Quaestiones frequentes

Ad conformitatem WCAG AA, textus normalis rationem contrarii minimam 4.5:1 requirit, textus magnus (18pt vel 14pt pinguis) autem 3:1.

WCAG AAA rationes contrarii altiores requirit: 7:1 pro textu normali et 4.5:1 pro textu magno, dum AA respective 4.5:1 et 3:1 requirit.

Utere nostra functione automatica emendationis ad textum vel fundum mutandum, servata intentione designationis tuae, vel manu colores regulis HSL cum indicibus visualibus emenda, quae optimas zonas ad conformitatem AA/AAA monstrant.

Zonae virides et notae AA/AAA optimas amplitudines ad conformitatem WCAG consequendam monstrant. Indicia directionis (Ad clariora/Ad obscuriora) te ad meliorem contrarium ducunt secundum combinationem colorum praesentem.

Ita, quemvis codicem HEX inserere potes vel electorem colorum ad colores tuos eligendos uti. URL automatice renovatur, ut certas combinationes colorum communicare possis.