color-contrast

There are 0 repository under color-contrast topic.

• SAPC-APCA

  Myndex / SAPC-APCA

  APCA (Accessible Perceptual Contrast Algorithm) is a new method for predicting contrast for use in emerging web standards (WCAG 3) for determining readability contrast. APCA is derived form the SAPC (S-LUV Advanced Predictive Color) which is an accessibility-oriented color appearance model designed for self-illuminated displays.

  accessibilityapcacieluvcolorcolor-contrastcolor-contrast-checkercolor-modelscolor-theorycolorimetrycontrastcontrast-calculatorcssluminancereadabilitysrgbvisionwcagwcag-contrastweb
  Language:CSS 452

• facelessuser / coloraide

  A library to aid in using colors

  colorscsspythoncolor-contrastcolor-differencecolor-filterscolor-harmoniescolor-spacescolor-vision-deficiencycolourcolor-conversioncolor-interpolationcolor-temperaturecolor-manipulation
  Language:Python 213
• contrast-swatch

  jxnblk / contrast-swatch

  🅰️ Image microservice for color contrast information

  accessibilitybadgecolorcolor-contrastcontrastdocumentationimagesvg
  Language:JavaScript 209

• akikoo / accessibility-testing-tools

  A collection of useful tools for accessibility testing and debugging in the browser, online and desktop

  accessibilitya11ya11y-testingwcagwai-ariatestingtesting-toolsaccessibility-treecolor-contrast-checkersbookmarkletcolor-contrast
  207
• Colour-Contrast-Checker

  Pushedskydiver / Colour-Contrast-Checker

  Check the contrast between different colour combinations against WCAG standards

  color-contrastwcag-contrastpwa
  Language:TypeScript 141
• Cool-Contrast

  AlexGarrixen / Cool-Contrast

  Inspect the contrast in color combinations, making sure to comply with the accessibility guidelines established by WCAG.

  color-contrastcolor-toolcontrast-toolwcag-contrastcolor-contrast-checkerpanda-csspandacssnextjsreact
  Language:TypeScript 95

• bbc / color-contrast-checker

  An accessibility checker tool for validating the color contrast based on WCAG 2.0 and WCAG 2.1 standards.

  accessibility-checkercolor-contrast
  Language:JavaScript 95
• figma-include-accessibility-annotations

  eBay / figma-include-accessibility-annotations

  Include is a tool built to make annotating for accessibility (a11y) easier—easier for designers to spec and easier for developers to understand what is required.

  figmafigma-pluginreacta11yaccessibilityannotationscolor-contrastdesigndevelopment
  Language:JavaScript 78

• ygev / cluse

  Sketch Plugin to check and adjust color contrast accessibility with live preview and sliders. Endorsed by Sketch.

  accessibilitysketch-plugincolor-contrastcolor-contrast-checkersketchappwcaga11y
  Language:JavaScript 60
• prettypretty

  apparebit / prettypretty

  Hello pretty 🌸 pretty, awesome terminal colors you have there!

  ansi-colorsansi-escape-codesapca-w3color-contrastcolor-distanceterminaltty
  Language:Rust 46
• AccessConfig

  access42 / AccessConfig

  Un sélecteur de styles, léger et open source, pour permettre aux personnes en situation de handicap d’adapter votre site à certains de leurs besoins.

  a11ycolor-contrastrgaawcag
  Language:JavaScript 31

• bryanberger / sketch-wcag

  A Sketch plugin that let’s you test an entire color palette against the WCAG 2.0 contrast guidelines.

  sketch-pluginwcagwcag2color-contrastcolor-contrast-checker
  Language:JavaScript 27

• ygev / sketch-accessibility-assistant

  Accessibility assistant for all your basic needs. Serves as a linter for compliant color contrast and type based on WCAG 2.1. Thanks to Ale Muñoz for his support and docs!

  a11ya11y-testingaccessibilityaccessibility-assistantaccessibility-testingcolor-contrastcolor-contrast-checkerfont-sizesketchsketch-appsketch-assistantsketch-assistantssketch-files
  Language:TypeScript 26

• BenDMyers / contrast-11ties

  Zero clientside JavaScript color contrast checker, built with Eleventy Serverless for the 11ties

  eleventy11tyeleventy-serverlesscolor-contrast
  Language:HTML 22

• color-js / apps

  A collection of color tools

  colorcolor-contrastcolor-conversioncolor-pickergamut-mapping
  Language:JavaScript 16

• zoetrope69 / random-color-contrasts

  ⚫🌈⚪ A Mastodon bot that grabs colours contrast combos Inspired by and code stolen from: randoma11y.com

  mastodonaccessibilitya11ybotrandomcolor-contrast
  Language:JavaScript 13

• adamgraham / colorly

  🎨🧰 A versatile collection of color tools for designers and developers encapsulated in one web app - shades, tints, tones, harmonies, contrast, color blindness, gradients, and more!

  colorcolorimetrycolor-theorycolor-conversioncolor-modelscolor-palettescolor-mixingcolor-harmonizationcolor-contrastcolor-blindnesscolor-gradientsaccessibilitycompliancereactwebapptools
  Language:JavaScript 12

• mmazanec22 / accessibility-resources

  Yet another list of web accessibility resources

  checklistauditaxekeyboard-navigabilitycolor-contrastscreen-readerswcagaccessibilityguidelineswcag2data-visualizationcode-for-americacivic-techuser-research
  12

• Stephs15 / accessibility-resources

  Some useful resources for web accessibility

  color-contrastaxedisabilitiescontrast-checkeraccessibilitysimulatoraccessibility-insights
  12
• contrast-checker

  AnsonH / contrast-checker

  Checks the color contrast of your color design based on Web Content Accessibility Guidelines (WCAG)

  color-contrastwcag-contrastwcagcontrast-ratioreactreactjscreate-react-appcolor-contrast-checkeraccessibility-checkerreact-typescript
  Language:TypeScript 11

• Pushedskydiver / Colour-Contrast-CLI

  Command line tool to check the contrast between two colours against WCAG standards

  accessibilityclicommand-linecolor-contrast-checkercolor-contrastwcag
  Language:JavaScript 8

• Munawwar / apca-color-contrast

  🎨 Color contrast suggestion tool, based on APCA

  color-contrast
  Language:JavaScript 7

• adamgraham / colorly-ios

  🎨🍭 An iOS utility framework for working with colors.

  colorcolorimetrycolor-theorycolor-conversioncolor-spacescolor-modelscolor-schemescolor-palettescolor-mixingcolor-harmonizationcolor-contrastcolor-gradientsaccessibilitychromaticityilluminantssignal-encodingsswiftiosutilityframework
  Language:Swift 6

• Asqatasun / Contrast-Finder-Firefox

  Firefox extension to ease use of Asqatasun Contrast-Finder

  a11yaccessibilitycolorcolor-contrastcontrast-finderfirefoxfirefox-addonfirefox-extensionwcag
  Language:JavaScript 5

• nikaocreatives / color-contrast-checker

  Make sure your colors pass accessibility standards with this handy tool.

  accessibilitycolor-contrastcolor-contrast-checkerhex-codescolor-apijavascript
  Language:HTML 5

• jasonday / color-contrast

  Contrast checking in vanilla js (and jQuery)

  accessibilitycolor-contrastcontrast-checkinga11ycolor-contrast-checker
  Language:JavaScript 4
• ARC

  A11yReadTech / ARC

  ARC • APCA Readability Criterion — a set of web-standard guidelines for text and non-text for use with the APCA contrast algorithm. Latest published version at this link:

  apcacolorcolourcontrastcsstypographywebwebdesigna11ya11y-testingaccessibilitycolor-contrastdesigndocumentationguidelinesreadabilityweb-designweb-development-toolswebdevelopmentwebsite
  Language:HTML 3

• calico32 / postcss-color-contrast

  PostCSS `color-contrast()` polyfill

  color-contrastcsspolyfillpostcss
  Language:TypeScript 3

• Dan-in-CA / decorrstretch

  Decorrelation stretch in Python

  color-contrastd-stretchdecorrelation-stretchimage-enhancementimage-processingprocess-imagepython3
  Language:Python 3

• sschengyf / web-accessibility

  An introduction kit of web accessibility for engineers.

  auditingcolor-contrastdesktopkeyboardscreen-reader
  3

• DanielSoltis / color-contrast

  A tool for evaluating the contrast between colors in a palette. Loads and saves .ase and .sketchpalette files, as well as allowing users to add and modify colors within the tool.

  color-contrastaccessibilityaccessible-coloursui-design
  Language:JavaScript 2

• erictherobot / color-contrast-checker

  Discover the perfect color contrast for your website with my user-friendly Color Contrast Checker tool. Improve accessibility, enhance readability, and ensure your design complies with WCAG standards for a seamless user experience.

  colorcolor-contrastcolor-contrast-checkercontrast-ratiowcag-contrast
  Language:TypeScript 2

• celigx / color-contrast-checker

  Color Contrast Checker

  checkercolorcolor-contrastcolor-contrast-checkerhtmljavascriptreactreactjscsssass
  Language:JavaScript 1

• devmattrick / postcss-color-5

  [WIP] PostCSS plugin to add support for CSS Color Module Level 5 (color-mix, color-contrast, color-adjust).

  postcsscsspostcss-plugincolor-mixcolor-contrastcolor-adjustcolormodule5
  Language:TypeScript 1

• EswaramoorthyKarthikeyan / a11y-color-contrast-checker

  A11y Color Contrast Checker

  a11y-color-contrast-checkercolor-contrastwcag
  Language:JavaScript 1

• Victor1890 / groove-glimmer

  Color contrast tool for WCAG 3 APCA compliance

  frontendnextjsreactjscolor-contrastcolor-contrast-checkercolor-toolcontrast-toolnextuitailwindcsswcag-contrast
  Language:TypeScript 1