3 ms·
Colors and FONTS dark mode won't hurt your eyes anymore. Hopefully
Hello everyone,
I have changed the layout for the color pickers and typography tools on.
https://www.colorsandfonts.com 100% free to use.
I also made a better dark mode. It is still dark, but it won't be too dark that is difficult to read.
What will you find?
COLOR
Color palettes.
Color gradients.
Color contrast.
Material colors.
Tailwind colors. ( will update soon with new colors ).
Web safe colors.
Color converter.
TYPOGRAPHY
Variable fonts.
Font pairings. ( will update soon with new fonts )
Glyphs.
RESOURCES
Resources for designers.
Resources for developers.
HTML Reference.
CSS Reference.
On the color tools you can:
Copy the whole color style.
Copy one single color.
Copy the CSS
On the typography tools you can:
Copy the import tag.
Copy the CSS.
Preview and edit font pairings.
Download the variable font.
Copy the CSS declaration for the variable font.
Copy glyphs.
On the resources you can:
Find resources for developers.
Find resources for designers.
Find HTML reference.
Find CSS reference.
Remember that you can copy the colors on Figma, Framer and Github.
The links are on the landing page.
There is also a newsletter that I send Tuesdays to get resources on your inbox. Free and without the need of subscribe.
The newsletter.
https://www.colorsandfonts.substack.com
The website.
https://www.colorsandfonts.com
Thank you for reading if you want to talk just do it here in the comments or hit me up on ###Twitter.com/mike_andreuzza
Have a great day everyone
/Mike