Hero Background

ColorFont

Web Geliştirme İş Akışınızı Basitleştirin

Renkleri, yazı tiplerini ve daha fazlasını incelemek için hepsi bir arada araç kutusu.

Chrome için ColorFont'u edininChrome Logo
10.000'den fazla web geliştiricisi ve tasarımcısına katılın.
★ Chrome Web Mağazası'nda 3,7 (7)

Özellikler

Birden fazla uzantıyı tek bir uzantıda birleştirerek iş akışınızı kolaylaştırın.

Renkleri belirleyin ve renk sistemleri oluşturun.
Renkleri belirleyin ve renk sistemleri oluşturun.
Her sayfa için erişilebilirliği kontrol edin.
Her sayfa için erişilebilirliği kontrol edin.
Tipografi sistemlerini koda aktarın
Tipografi sistemlerini koda aktarın
Tipografi sistemleri oluşturun
Tipografi sistemleri oluşturun
Chrome için ColorFont'u edininChrome Logo
10.000'den fazla web geliştiricisi ve tasarımcısına katılın.
★ Chrome Web Mağazası'nda 3,7 (7)

Ücretsiz Araçlar

Gradyan Oluşturucu

Ücretsiz çevrimiçi aracımızla göz alıcı CSS gradyanları oluşturun. Özel renkler ve açılarla doğrusal, radyal ve konik gradyanlar üretin.

Kutu Gölgesi Oluşturucu

Ücretsiz çevrimiçi aracımızla çarpıcı CSS kutu gölgeleri oluşturun. Ofset, bulanıklık, yayılma, renk ve iç gölge (inset) seçenekleriyle özel gölgeler oluşturun.

Renk Tonu Oluşturucu

Tek bir renkten tonlar ve gölgeler oluşturun. Renk ölçeğinizi CSS, Tailwind, SwiftUI veya CSS değişkenleri olarak dışa aktarın. Hızlı, geliştirici odaklı bir araç.

Gradyan Kemer Oluşturucu

Ücretsiz aracımızla CSS gradyan kemerleri oluşturun. Özel renkler ve konumlandırma ile güzel kemer şekilleri oluşturan radyal ve elips gradyanları üretin.

Video Thumbnail

Geliştiriciler İçin Tasarlandı

Daha fazla özelliğin kilidini açmak için Pro'ya geçin.

Bir resimdeki en yaygın renkleri bulun.
Bir resimdeki en yaygın renkleri bulun.
Her sayfa için erişilebilirliği kontrol edin.
Her sayfa için erişilebilirliği kontrol edin.
Görüntü bilgilerini ve alt etiketlerini inceleyin.
Görüntü bilgilerini ve alt etiketlerini inceleyin.
SEO sıralamanızı olumsuz etkileyebilecek hataları kontrol edin.
SEO sıralamanızı olumsuz etkileyebilecek hataları kontrol edin.
Sayfadaki yaygın öğeleri vurgulayın.
Sayfadaki yaygın öğeleri vurgulayın.
Meta etiketlerini ve OpenGraph bilgilerini kontrol edin.
Meta etiketlerini ve OpenGraph bilgilerini kontrol edin.
Lines Image
Daha iyi web geliştirme için ihtiyacınız olan her şey
+ geliştirici araçları
Tek tıklamayla bir SVG dosyasını indirin veya kopyalayın.
Tek tıklamayla bir SVG dosyasını indirin veya kopyalayın.
PNG, JPG ve WebP resim formatları arasında dönüştürme
PNG, JPG ve WebP resim formatları arasında dönüştürme
Sayfadaki başlıkları inceleyin.
Sayfadaki başlıkları inceleyin.

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