Parliamo di Web Design, 39 secondi di lettura

Joe Dolson – Color Contrast Test

Questo test consente di visualizzare un’ampia gamma di combinazioni di colori con un colore di vostra scelta. Lo spettro è ordinato in gruppi secondo il Web Content Accessibility Guidelines (WCAG) …


Non ti va di leggere? Prova ad ascoltare l'articolo in modalitá audio 🎧

Puoi leggerlo con calma, sul tuo dispositivo, in PDF.


Questo test consente di visualizzare un’ampia gamma di combinazioni di colori con un colore di vostra scelta. Lo spettro è ordinato in gruppi secondo il Web Content Accessibility Guidelines (WCAG) versioni 1 e 2.

Color Comparison Formulas

Color brightness formula: (must be greater than 125)

((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000

Color difference formula: (must be greater than 500)

(maximum (Red value 1, Red value 2) - minimum (Red value 1, Red value 2)) + (maximum (Green value 1, Green value 2) - minimum (Green value 1, Green value 2)) + (maximum (Blue value 1, Blue value 2) - minimum (Blue value 1, Blue value 2))

Contrast Ratio with Relative Luminance formulas: (greater than 3:1 for print sizes over 14pt Bold equivalence or 18pt normal, greater than 5:1 for smaller text)

(L1 + 0.05) / (L2 + 0.05) where L1 = 0.2126 * R1 + 0.7152 * G1 + 0.0722 * B1 on the RGB values of the lighter color and L2 = 0.2126 * R2 + 0.7152 * G2 + 0.0722 * B2 on the RGB values of the darker color

webWeb Design

Se ti é piaciuto l'articolo condividilo su        
Ti invito poi a lasciare un commento.
Per approfondire il tema Web Design, unisciti gratis alla community.


Paolo Franzese
Sono un Digital Coach con piú di 25 anni di esperienza.
Ti aiuto a crescere sul Web facendo ció che ami.

Hai bisogno di aiuto?
Chiedi una consulenza personalizzata su Skype
www.imaginepaolo.com/consulenza-personalizzata


Ci sono 0 commenti.

Nessun commento ancora.

Lascia un commento

Commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *