Colors and Fonts

Menu

Color tools

Monochrome Palette

Color palettes

Color gradients

Gradient Maker

Color converter

Contrast Checker

Color system generator

Color names

Tailwind CSS to CSS

OKLCH color picker

RGB color picker

RGBA color picker

Hex color picker

HSL color picker

HSLA color picker

LAB color picker

Pantone

Safe Colors

Color systems

Kromatika

Untitled UI

Radix UI Light

Radix UI Dark

Material

Primer

Pajamas

Reasonable

Uber

Atlassian

Stripe

Ant

Tailwind CSS

iOS & iPadOS

MacOS Default

MacOS Vibrant

tvOS

watchOS

Bootstrap

Adobe

Segment Evergreen

Semrush Intergalactic

Us Digital Service

Zendesk

Decathlon Vitamin

Dell

Typography tools

Local font previewer

Type Scale

Font pairings

Google Fonts

Glyphs

CSS Fontface

Transform text

Placeholder generator

Utilities

Clip Path Maker

Token Generator

Box Generator

Other projects

Astro JS & Tailwind CSS Templates
Tailwind CSS components
Pricing page inspiration
Mesh Gradients
SVG Doodles
Blog

Resources

Mobbin

Crafted by Mike Andreuzza

Clip Path picker

Pick CSS clip‑path shapes, preview instantly, and copy ready‑to‑use code.

Lexington Themes

CSS Clip path

Color & typography tools for web developers & digital designers © 2018 - 2025 Colors & fonts. All rights reserved. This website was built with Astro JS & Tailwind CSS in the Åland Islands, Finland by Michael Andreuzza