Hero Background

ColorFont

Vereenvoudig je webontwikkelingsworkflow

Alles-in-één toolbox voor het inspecteren van kleuren, lettertypen en meer.

Download ColorFont voor ChromeChrome Logo
Sluit je aan bij meer dan 10.000 andere webontwikkelaars en -designers.
★ 3,7 (7) in de Chrome Web Store

Functies

Stroomlijn je workflow door meerdere extensies te combineren tot één.

Kleuren ophalen en kleursystemen opbouwen.
Kleuren ophalen en kleursystemen opbouwen.
Controleer de toegankelijkheid voor elke pagina.
Controleer de toegankelijkheid voor elke pagina.
Exporteer typografiesystemen naar code
Exporteer typografiesystemen naar code
Typografiesystemen creëren
Typografiesystemen creëren
Download ColorFont voor ChromeChrome Logo
Sluit je aan bij meer dan 10.000 andere webontwikkelaars en -designers.
★ 3,7 (7) in de Chrome Web Store

Gratis tools

Gradiëntmaker

Maak prachtige CSS-gradiënten met onze gratis online tool. Genereer lineaire, radiale en conische gradiënten met aangepaste kleuren en hoeken.

Box Shadow Generator

Maak prachtige CSS-schaduwen met onze gratis online tool. Genereer aangepaste schaduwen met opties voor offset, vervaging, spreiding, kleur en inset.

Kleurschakeringgenerator

Genereer tinten en schakeringen vanuit één enkele kleur. Exporteer je kleurenschaal als CSS-, Tailwind-, SwiftUI- of CSS-variabelen. Een snelle, op ontwikkelaars gerichte tool.

Gradiëntbooggenerator

Maak CSS-gradiëntbogen met onze gratis tool. Genereer radiale en elliptische gradiënten die prachtige boogvormen creëren met aangepaste kleuren en positionering.

Video Thumbnail

Ontwikkeld voor ontwikkelaars

Ga voor Pro om meer functies te ontgrendelen.

Zoek de meest voorkomende kleuren in een afbeelding.
Zoek de meest voorkomende kleuren in een afbeelding.
Controleer de toegankelijkheid voor elke pagina.
Controleer de toegankelijkheid voor elke pagina.
Controleer de afbeeldingsinformatie en alt-tags.
Controleer de afbeeldingsinformatie en alt-tags.
Controleer op fouten die je SEO-ranking kunnen schaden.
Controleer op fouten die je SEO-ranking kunnen schaden.
Markeer veelvoorkomende elementen op een pagina.
Markeer veelvoorkomende elementen op een pagina.
Controleer de metatags en de Open Graph-informatie.
Controleer de metatags en de Open Graph-informatie.
Lines Image
Alles wat je nodig hebt voor betere webontwikkeling
+ ontwikkelaarstools
Download of kopieer een SVG-bestand met één klik.
Download of kopieer een SVG-bestand met één klik.
Converteer afbeeldingsformaten tussen PNG, JPG en WebP.
Converteer afbeeldingsformaten tussen PNG, JPG en WebP.
Inspecteer de kopteksten op een pagina.
Inspecteer de kopteksten op een pagina.

Pricing

Basic

Free

forever

Install on Chrome

For those getting started and learning ColorFont

  • Color Selector
  • Color System Export
  • Font Selector
  • Manual Color/Font Addition
  • Basic Palette Generation
  • Color/Font Collections
  • Basic Accessibility Checker

🚀 Special Beta Pricing - Save 56%

Pro

$25 $11

billed once yearly

Log in to Manage Your Account

For solo shops wanting all features.

  • Everything in Basic
  • Website Color Scanning
  • Image Color Extraction
  • Advanced Palette Generation
  • Page Accessibility Analysis
  • SEO Analysis & Reports
  • Div/Element Highlighting
  • Image Converter (PNG/JPG/WebP)
  • More Features Coming Soon