Contrast van relatieve luminantie
Bereken het contrast van relatieve luminantie tussen twee RGB-kleuren met drie achtbitskanalen.
def contrast_ratio(left, right):
def luminance(rgb):
if type(rgb) not in (list, tuple) or len(rgb) != 3:
raise ValueError("rgb.container")
rgb = tuple(rgb)
if len(rgb) != 3 or any(type(c) is not int or not 0 <= c <= 255 for c in rgb):
raise ValueError("rgb.channel")
channels = [c / 255 for c in rgb]
linear = [c / 12.92 if c <= 0.04045 else ((c + 0.055) / 1.055)**2.4
for c in channels]
return sum(c * w for c, w in zip(linear, (0.2126, 0.7152, 0.0722)))
a, b = sorted((luminance(left), luminance(right)))
return (b + 0.05) / (a + 0.05)Project
Test zwart tegen wit, gelijke kleuren en verwisselde argumenten en weiger niet-gehele of ongeldige kanalen zonder de verhouding als volledige toegankelijkheidstoets te presenteren.
Controleer vóór het toepassen
Vergelijk het werkelijke gedrag met het verwachte resultaat. Onderzoek een mislukte controle voordat je verdergaat met wijzigingen.
Modellen
Stel een OpenAI-compatibel of Anthropic-endpoint in met de basis-URL en zo nodig een API-sleutel. Test de verbinding. Een lokale modelserver moet actief zijn; externe hulpmiddelen kunnen apart gegevens versturen.
def contrast_ratio(left, right):
def luminance(rgb):
if type(rgb) not in (list, tuple) or len(rgb) != 3:
raise ValueError("rgb.container")
rgb = tuple(rgb)
if len(rgb) != 3 or any(type(c) is not int or not 0 <= c <= 255 for c in rgb):
raise ValueError("rgb.channel")
channels = [c / 255 for c in rgb]
linear = [c / 12.92 if c <= 0.04045 else ((c + 0.055) / 1.055)**2.4
for c in channels]
return sum(c * w for c, w in zip(linear, (0.2126, 0.7152, 0.0722)))
a, b = sorted((luminance(left), luminance(right)))
return (b + 0.05) / (a + 0.05)Verbind een kleurberekening met de interface die ze beschrijft
LumaGauge is AI-programmeersoftware voor Windows voor beoordeling van interfacewijzigingen die van kleurberekeningen afhangen. Open je project en beschrijf het element, de achtergrond en de toestand die je wilt onderzoeken. De verbonden assistent kan de relevante code helpen onderzoeken en een wijziging bespreken, terwijl de gerenderde interface en haar werkelijke invoer centraal blijven.
Het voorbeeld luminance.py suggereert een gericht verzoek over een contrastberekening. Vraag waar de kleurwaarden vandaan komen en of ze overeenkomen met de uiteindelijk getoonde kleuren. Een toepassing kan die waarden vóór het renderen transformeren, dus de hulpfunctie alleen kan de visuele vraag niet beantwoorden. Gebruik het voorbeeld als projectcontext en volg het resultaat naar de component die het gebruikt en het gedrag dat het beïnvloedt.
Een onbeperkt AI-model kan worden geselecteerd via een ondersteund OpenAI-compatibel of Anthropic-endpoint dat er een aanbiedt. De geconfigureerde dienst levert modelmogelijkheden, toolondersteuning en eventuele beperkingen. Voer na beoordeling van een voorgestelde wijziging numerieke controles uit en inspecteer de relevante schermtoestanden. Houd rekening met de uiteindelijke voor- en achtergrond in plaats van alleen op ontwerptokens te vertrouwen. Deze werkwijze helpt een berekeningsfout te onderscheiden van onjuiste invoer of een presentatieprobleem dat een andere oplossing vraagt.
Kleurgerelateerd softwaregedrag beoordelen
Certificeert een verhouding uit de hulpfunctie de interface?
Nee. De waarde beschrijft de aangeleverde kleuren onder de aannames van de berekening. Beoordeel de werkelijk gerenderde toestand en de criteria die voor het element gelden. Eén numeriek resultaat toont geen toegankelijkheid van het hele scherm of de hele toepassing aan.
Wat als CSS-dekking de zichtbare kleur verandert?
Volg de effectieve voor- en achtergrond voordat je brontokens als definitieve invoer beschouwt. Inspecteer het gerenderde element en eventuele lagen. Vraag of de berekening de kleuren ontvangt die de gebruiker ziet, in plaats van een eerdere ontwerpwaarde.
Welke invoer is nuttig om de berekening te testen?
Gebruik bekende referentieparen, identieke kleuren en waarden op de geaccepteerde kanaalgrenzen. Voeg ongeldige containers en kanaalwaarden toe om afwijzingsgedrag te controleren. Vergelijk resultaten met een onafhankelijke verwachte waarde in plaats van alleen de uitvoer van de nieuwe functie vast te leggen.
Moet ik de hulpfunctie of het themapalet aanpassen?
Bepaal eerst of het verschil uit de formule, de invoer of het bedoelde visuele ontwerp komt. Elk vraagt een andere wijziging. Beoordeel naburige componenten als een gedeelde paletwaarde verandert, want hun contrastverhoudingen kunnen ook veranderen.
LumaGauge · Bijgewerkt 2026-10-25