A library of color palettes created by other Adobe users. Make finding a match for that hyperlink blue easy!
Generates the CSS code for a box shadow on your website. Works across all browsers, and can also be used on images.
A great way to create a color palette for a client if they’ve only selected one color in the questionnaire. Simply enter your hex code in the required field and click the ‘Add to palette’ button. Then go to ‘Color Matching’ and click through all the different algorithms to find one you like.
Generates the CSS code to create gradients that work across all browsers.
Generates the CSS code for a text shadow on your website. Best suited for headings and works across all browsers.
A little library of CSS terminology.
Helps designers quickly gain an overview of the style guide of a site, including colours, fonts, sizing and spacing.
Shows all kinds of interesting stats about the CSS including how many fonts are being used and which ones. It also shows all the text & background colours being used.
Have a logo and don’t know what the font is? Upload it and this tool will find the fonts that match.
This is a video about using Google Dev Tools for website development.