Tools
2 toolsThings to use rather than read. Each one ends in codes you can copy straight into your own work, in plain words as well as code. Nothing you do in them leaves your browser.
Colour explorer
A wheel with harmony rules, five colours with their codes and plain names, contrast for every pair, a colour-blindness preview, and colours taken from your own image.
HEX · RGB · HSL · contrast ratiosOpen the tool →Type explorer
Heading, body and Traditional Chinese typefaces on your own words, a named type scale, line height and line length, measured as you go.
Typefaces · px · rem · weights · line heightOpen the tool →