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.

  contrastsrgbapcaluminancevisioncsscolorreadabilityaccessibilitywcagcieluvwebcolor-theorycolor-modelscolor-contrastcolor-contrast-checkercolorimetrywcag-contrastcontrast-calculator
  Language:CSS 449
• 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

• facelessuser / coloraide

  A library to aid in using colors

  color-contrastcolor-conversioncolor-differencecolor-filterscolor-harmoniescolor-interpolationcolor-manipulationcolor-spacescolor-temperaturecolor-vision-deficiencycolorscolourcsspython
  Language:Python 206
• Colour-Contrast-Checker

  Pushedskydiver / Colour-Contrast-Checker

  Check the contrast between different colour combinations against WCAG standards

  color-contrastpwawcag-contrast
  Language:TypeScript 140

• 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
• Cool-Contrast

  AlexGarrixen / Cool-Contrast

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

  color-contrastcolor-contrast-checkercolor-toolcontrast-toolnextjspanda-csspandacssreactwcag-contrast
  Language:TypeScript 94
• 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.

  a11yaccessibilityannotationscolor-contrastdesigndevelopmentfigmafigma-pluginreact
  Language:JavaScript 78

• ygev / cluse

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

  a11yaccessibilitycolor-contrastcolor-contrast-checkersketch-pluginsketchappwcag
  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!

  sketch-assistantsketchaccessibilityaccessibility-testinga11ysketch-appsketch-filesa11y-testingcolor-contrastcolor-contrast-checkeraccessibility-assistantsketch-assistantsfont-size
  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

• 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 13

• 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

• zoetrope69 / random-color-contrasts

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

  mastodonaccessibilitya11ybotrandomcolor-contrast
  Language:JavaScript 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

  accessibilityclicolor-contrastcolor-contrast-checkercommand-linewcag
  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

  firefox-addonfirefox-extensionfirefoxcontrast-findera11ycolor-contrastcoloraccessibilitywcag
  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

  image-processingd-stretchdecorrelation-stretchprocess-imagecolor-contrastimage-enhancementpython3
  Language:Python 3

• sschengyf / web-accessibility

  An introduction kit of web accessibility for engineers.

  screen-readerauditingkeyboardcolor-contrastdesktop
  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

• 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 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

• EswaramoorthyKarthikeyan / a11y-color-contrast-checker

  A11y Color Contrast Checker

  color-contrastwcaga11y-color-contrast-checker
  Language:JavaScript 1

• Victor1890 / groove-glimmer

  Color contrast tool for WCAG 3 APCA compliance

  color-contrastcolor-contrast-checkercolor-toolcontrast-toolfrontendnextjsnextuireactjstailwindcsswcag-contrast
  Language:TypeScript 1