contrast-triangle

KO | EN

gitlite — search

#javascript #typescript #llm #go #android #deep-learning #linux #macos #java #windows #awesome #cli #kubernetes #awesome-list

contrast-triangle

(★ 34)

My tool for checking text, link and background contrast at the same time

contrast-triangle 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

![CI](https://github.com/chipcullen/contrast-triangle/workflows/CI/badge.svg)

[![Netlify Status](https://api.netlify.com/api/v1/badges/a462d35f-c003-4b97-81a5-f1c673121a18/deploy-status)](https://app.netlify.com/sites/contrast-triangle/deploys)

# The Contrast Triangle

https://contrast-triangle.com

_______________

## Prior art

Inspired by [Lea Verou's](https://lea.verou.me/) excellent [Contrast Ratio](https://contrast-ratio.com/)

Most of the color translation logic is from this CSS tricks article by [Jon Kanter](https://jonkantner.com/):

https://css-tricks.com/converting-color-spaces-in-javascript/

Query Parameter support is from this Medium article by [Fernando Abolafio](https://github.com/fernandoabolafio)

https://medium.com/swlh/using-react-hooks-to-sync-your-component-state-with-the-url-query-string-81ccdfcb174f

Luminance calculation function is from this gist by [John Schulz](https://gist.github.com/jfsiii):

https://gist.github.com/jfsiii/5641126

On / Off Toggle inspired by the [Toggle Button Inclusive Component Pattern](https://inclusive-components.design/toggle-button/) by [Heydon Pickering](https://heydonworks.com/)

_______________

This project is built with [Vite](https://vite.dev/) and [React](https://react.dev/).

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in development mode. Open [http://localhost:5173](http://localhost:5173) to view it in the browser.

### `yarn test`

Runs the test suite with [Vitest](https://vitest.dev/).

### `yarn build`

Builds the app for production to the `dist` folder.

contrast-triangle

contrast-triangle 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

contrast-triangle

contrast-triangle 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README