isotelus.net


Luminance, Luminance Ratio, and Web Page Legibility

Description
This page provides an interactive tool for evaluating text-color and background-color pairs by calculating their LR (Luminance Ratio) and displaying samples of the pair.
usage
  • Enter an HTML color value in the "VAlue" inputs.
  • Press <Enter> or click the "Update" button to apply the new colors.
  • Use one of the following formata:
    • #fff — 3-character hexadecimal
    • #f0f0f0 — 6-character hexadecimal
    • 127,127,127 — RGB triple, where each element is 0 — 255
    • Pink — any valid HTML Color namd
  • Here is a list of valid color names and their values. Color names and hexadecimal values are case-insensitive.
Bugs

Choose the Colors

Color Value Luminance
Color 1: -1
Color 2: -1

Luminance ratio: -1


Color 1 Background

Color 2 Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis.>

Color 2 Background
Color 1 Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis.



Last updated Tuesday, 28-Dec-2021 16:18:43 UTC