stars/hue.tools__pabueco
2
0
Fork 0
mirror of https://github.com/pabueco/hue.tools.git synced 2026-06-23 07:13:34 -06:00
Code Issues Projects Releases Packages Wiki Activity
Simple toolbox for working with colors. Color mixing, blending, conversion, modification, detailed information, etc. https://hue.tools
107 commits 7 branches 0 tags 492 KiB
  • Svelte 83.8%
  • TypeScript 11.3%
  • JavaScript 2.9%
  • HTML 1.3%
  • CSS 0.7%
Find a file
Exact
Pascal Bürkle cbb7008b3f
 use cloudflare worker for plausible script
2025-06-13 00:45:09 +02:00
src use cloudflare worker for plausible script 2025-06-13 00:45:09 +02:00
static add vercel banner to footer and readme 2022-02-17 00:58:58 +01:00
.eslintrc.cjs format codebase 2022-02-11 23:41:07 +01:00
.gitignore improve formatting 2021-09-11 18:43:26 +02:00
.prettierrc format codebase 2022-02-11 23:41:07 +01:00
LICENSE.md add license 2022-02-17 18:33:32 +01:00
package.json update deps 2023-04-08 03:37:56 +02:00
postcss.config.cjs format codebase 2022-02-11 23:41:07 +01:00
README.md add vercel banner to footer and readme 2022-02-17 00:58:58 +01:00
svelte.config.js format codebase 2022-02-11 23:41:07 +01:00
tailwind.config.cjs Add light mode (#15) 2022-02-28 22:32:31 +01:00
tsconfig.json upgrade deps 2022-05-24 12:25:53 +02:00
yarn-error.log init and setup, implement mix and info pages 2021-08-07 02:04:08 +02:00
yarn.lock update deps 2023-04-08 03:37:56 +02:00

README.md

hue.tools

hue.tools is web app that helps you to work with colors.

Try it out: hue.tools

Features

  • Mix
    • Mix multiple colors and generate as many shades/steps between those colors as you want
    • Switch the interpolation mode to change the way the colors are mixed
  • Blend
    • Mix two colors using one of the 16 blend modes (multiply, color burn, soft light, exclusion, etc.)
    • Change the alpha channel to make tiny adjustments
  • Info
    • Convert a color to many different color spaces and formats
    • Links to resources/stock images using the same color on platforms like Dribble, Behance and Pexels
    • Color combinations/harmonies like Triad, Analogous, Polyad
    • Complementary color
    • Name of the color using a curated list of color names
  • Modify
    • Adjust a color by combining 8 different modifiers
    • Available modifiers: Brighten, Darken, Tint, Shade, Desaturate, Saturate, Lighten and Spin

Tip: Change to output format on the top right to get exactly the color format/space you need when copying colors.

Tech

Most of the color realted features in hue.tools are powered by chroma.js and tinycolor.

Powered by Vercel

Contributing

Contributions are always welcome!

Development

# Install dependencies.
yarn

# Start the dev server and open the app in a new browser tab.
yarn dev --open