Search Resources
Links by Tag
  • 3D
  • Accessibility
  • Animation
  • API
  • Audio
  • Backgrounds
  • Blogs
  • Books
  • Branding
  • Business
    • Billing
    • Legal
  • Career
  • Cheatsheets
  • CMS
    • eCommerce
    • Static Site Generators
  • Code
    • Coding Challenges
    • CSS Generators
    • Frameworks
    • HTML/CSS
    • JavaScript
    • Open Source
    • PHP
  • Colour
  • Community
  • Copywriting
  • Developer Tools
    • Version Control
  • Domains & Hosting
  • Email
  • Featured
  • Fun
  • Hardware & Merch
  • Icons
  • Illustrations
  • Inspiration
    • Design Systems
  • Learning
    • Learn to Code
    • Learn to Design
  • Marketing
  • Marketplaces
  • Mockups
  • Newsletters
  • Photography
  • Placeholders
  • Podcasts
  • Productivity
  • Public Health
  • Security
  • Self Care
  • Self Hosted
  • SEO
  • Services
    • Analytics
    • Forms
    • Maps
    • Social
    • Support
  • Software
    • Browser Extensions
    • Code Editors
    • Design Software
  • Templates
  • Test & Optimise
    • Accessibility Testing
    • Browser Testing
    • Code Quality
    • Speed Testing
  • Typography
  • UI Kits
  • UX Design
  • Video
  • WordPress
    • WordPress Plugins
    • WordPress Themes

More
  • My Favourites
Toolkit
  • About
  • Suggest
Screenshot of Gradienta website
Visit Link
https://gradienta.io/

Gradienta

Filed under Backgrounds, Colour

Interesting multicolor gradients and patterns in pure open-source CSS Code with JPG downloads!

Free
...

Report a problem with this link

Welcome to Toolkit! 🧰

Toolkit is a curated collection of tools & resources for people who make websites. Follow on Twitter for a fresh link daily or browse the site to discover the growing collection.


More from Colour

View all Colour  
Screenshot of hue.tools website
Visit Link
https://hue.tools/info?color=920a56ff

hue.tools

Filed under Colour

An open source toolbox for colours on the web.

Free
...
Screenshot of Button Buddy website
Visit Link
https://buttonbuddy.dev/

Button Buddy

Filed under Accessibility, Colour

Learn about accessible button contrast and use the generator to begin creating button styles with accessible contrast.

Free
...
Screenshot of The Colors of Motion website
Visit Link
https://thecolorsofmotion.com/

The Colors of Motion

Filed under Colour

Colour schemes from your favourite movies.

Free
...
Screenshot of Color Palettes website
Visit Link
https://colorpalettes.colorion.co/

Color Palettes

Filed under Colour

30+ hand curated color palettes. Find a great color palette for your next project

Free
...
Screenshot of Gradienta website
Visit Link
https://gradienta.io/

Gradienta

Filed under Backgrounds, Colour

Interesting multicolor gradients and patterns in pure open-source CSS Code with JPG downloads!

Free
...
Screenshot of Open Color website
Visit Link
https://yeun.github.io/open-color/

Open Color

Filed under Colour

Open color is an open-source color scheme optimized for UI like font, background, border, etc.

Free
...
Screenshot of Who Can Use Colour Checker website
Visit Link
https://whocanuse.com/

Who Can Use Colour Checker

Filed under Accessibility, Accessibility Testing, Colour

A fantastic colour contrast checker tool that brings attention to how color contrast can affect different people with visual impairments using statistics and examples.

Free
...
Screenshot of Colors & Fonts website
Visit Link
https://www.colorsandfonts.com/

Colors & Fonts

Filed under Colour, Typography

A collection of color and typography resources for Web Developers and Digital Designers to find inspiration.

Free
...
Screenshot of Pantone Colour Finder website
Visit Link
https://www.pantone.com/uk/en/color-finder

Pantone Colour Finder

Filed under Colour

Pantone provides a universal language of color that enables color-critical decisions through every stage of the workflow for brands and manufacturers.

From Free
...
Screenshot of Mesh Gradients website
Visit Link
https://meshgradient.com/

Mesh Gradients

Filed under Backgrounds, Colour, CSS Generators

Mesh is a simple way to create beautiful, unique gradients using shaders.

Free
...
Screenshot of Pika Colour Picker website
Visit Link
https://superhighfives.com/pika

Pika Colour Picker

Filed under Colour, Design Software, Software

An open-source colour picker app for macOS.

Free
...
Screenshot of Hypercolor Tailwind Gradients website
Visit Link
https://hypercolor.dev/

Hypercolor Tailwind Gradients

Filed under Colour, CSS Generators

A curated collection of beautiful premade gradients using default colors from the Tailwind CSS color palette. Simply copy the code snippets to use within your own apps.

Free
...

Toolkit by Addy Codes is a curated collection of tools and resources for people who make websites.

Follow on Twitter for a new link daily!
Say thanks & fund more with a coffee

Join the Newsletter

The very best new website building resources sent to your inbox once at most once a fortnight.

Your subscription could not be saved. Please try again.
Please check your email to confirm your subscription. It's worth it!
© Adam Greenough 2022. All rights reserved. Made with ☕️ in the UK. Proudly hosted with 100% renewable energy 🍃 via Krystal Hosting (affiliate).
About Privacy Submit