ardov / huetone Goto Github PK
View Code? Open in Web Editor NEWA tool to create accessible color systems
Home Page: https://huetone.ardov.me
License: MIT License
A tool to create accessible color systems
Home Page: https://huetone.ardov.me
License: MIT License
hi, I appreciate you made such a great service.
Look, I wanted to duplicate the palette but there is some mistakes, I clicked 'remove' and that has removed directly.
Please add a dialog for check before to remove palette.
ex)"Are you sure? Y/N"
we need more spacing gap between duplicate and delete buttons.
that's all I wanna say to you.
Happy New-year!
C + ↓↑ shortcut doesn't have enough granularity for OKLch and causes huge swings in color.
Thanks for amazing tool. I love it so much and use to rgb → lch convert.
Now we start to work with P3 colors and found that tool is not very useful. We can send PR to improve P3 support, but want to got a approve from maintainer first.
My current plans:
I think it will be very useful changes for the tool because we have a lot P3 displays right now (most of OLED screens, all modern Apple screens), Safari got a full support for P3 colors and other browsers and CSSWG is planning to add this support too.
Hey @ardov
I keep hitting this bug:
Adjusting a color a lot in a short period via the HCL graphs can cause the app to crash and give the following error:
SecurityError: Attempt to use history.pushState() more than 100 times per 30 seconds
It also happens when using the keyboard shortcuts.
Browser: Safari
Video:
https://user-images.githubusercontent.com/13898607/149143837-9db2b664-1597-4f65-a7d1-7dadb1e11756.mov
First: I love if. Such a great tool
Problem: In the graph it's hard to align the dots in smooth distribution. For example: I want to have a linear diagonal line from lightest to darkest color. If I move one point up or down it's not very clear if this will lay on a diagonal line.
Solution: Increase the height of the graphs. Best will be square graphs. This will help to align the dots more granular. Lines between the dots also will support to see if the distribution is smooth.
It would be great to export the palette as lch and oklch.
Now switcher has only Sun and Moon icon for light and dark theme.
It is not obvious how to set Auto mode to use system default (which is the best mode for modern OS since they all have sunset/sunrise theme switching).
I try to read sources, but was not lucky to understand the logic.
What do you think of adding A
mode, which will be default?
Sorry if it has already supported.
Hi there, I'm really digging Huetone. I wanted to make a fork, but I saw that there is no license. Do you plan on adding one or is it closed to forks/modifications?
lch(47% 74 33)
color notion is coming to CSS and can be used today with PostCSS polyfills.
I think it could be a very useful to be able to copy lch()
from your awesome tool since you already have L, C, H values in URL. Right now, I copy number by number, but it will be nice to be able to copy lch()
notation in one or two clicks.
My favorite way would be to have copy
icon with Copy lch()
tooltip. But I think a shortcut or a value in a dropdown menu is also an option.
Similar to luminance. Loving the tool btw <3
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.