Hero Background

ColorFont

Sederhanakan Alur Kerja Pengembangan Web Anda

Kotak Peralatan Serbaguna untuk Memeriksa Warna, Font, dan Lainnya

Dapatkan ColorFont untuk ChromeChrome Logo
Bergabunglah dengan 10.000+ pengembang dan desainer web lainnya.
★ 3,7 (7) di Chrome Web Store

Fitur

Sederhanakan alur kerja Anda dengan menggabungkan beberapa ekstensi menjadi satu.

Mengambil warna dan membangun sistem warna.
Mengambil warna dan membangun sistem warna.
Periksa aksesibilitas untuk setiap halaman.
Periksa aksesibilitas untuk setiap halaman.
Ekspor sistem tipografi ke kode
Ekspor sistem tipografi ke kode
Buat sistem tipografi
Buat sistem tipografi
Dapatkan ColorFont untuk ChromeChrome Logo
Bergabunglah dengan 10.000+ pengembang dan desainer web lainnya.
★ 3,7 (7) di Chrome Web Store

Alat Gratis

Pembuat Gradien

Buat gradien CSS yang menakjubkan dengan alat online gratis kami. Hasilkan gradien linier, radial, dan kerucut dengan warna dan sudut khusus.

Generator Bayangan Kotak

Buat bayangan kotak CSS yang menakjubkan dengan alat online gratis kami. Hasilkan bayangan khusus dengan opsi offset, blur, spread, warna, dan inset.

Generator Nuansa Warna

Hasilkan gradasi warna dari satu warna. Ekspor skala warna Anda sebagai CSS, Tailwind, SwiftUI, atau variabel CSS. Alat yang cepat dan berfokus pada pengembang.

Generator Lengkungan Gradien

Buat lengkungan gradien CSS dengan alat gratis kami. Hasilkan gradien radial dan elips yang membentuk bentuk lengkungan indah dengan warna dan posisi khusus.

Video Thumbnail

Dibuat untuk Pengembang

Dapatkan versi Pro untuk membuka lebih banyak fitur.

Temukan warna yang paling umum dalam sebuah gambar.
Temukan warna yang paling umum dalam sebuah gambar.
Periksa aksesibilitas untuk setiap halaman.
Periksa aksesibilitas untuk setiap halaman.
Periksa informasi gambar dan tag alt.
Periksa informasi gambar dan tag alt.
Periksa kesalahan yang mungkin merusak peringkat SEO Anda.
Periksa kesalahan yang mungkin merusak peringkat SEO Anda.
Sorot elemen umum pada suatu halaman.
Sorot elemen umum pada suatu halaman.
Periksa meta tag dan informasi open graph.
Periksa meta tag dan informasi open graph.
Lines Image
Semua yang Anda butuhkan untuk pengembangan web yang lebih baik.
+ alat pengembang
Unduh atau salin SVG hanya dengan sekali klik.
Unduh atau salin SVG hanya dengan sekali klik.
Konversi format gambar antara PNG, JPG, dan WebP
Konversi format gambar antara PNG, JPG, dan WebP
Periksa header pada sebuah halaman.
Periksa header pada sebuah halaman.

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