Renk Biçimlendirici

Görsel renk seçici ve önizleme ile HEX, RGB, HSL biçimleri arasında renkleri dönüştürün

Color Input

Pick a Color

Or enter manually

Preview

All Formats

Tips

Use the color picker or type a color value in any supported format
Supported formats: HEX (#3B82F6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%))
3-digit HEX shorthand is supported (e.g. #F00 = #FF0000)

Profesyonel Renk Biçimlendirici İşleme Özellikleri

Renk Biçimlendirici verileriyle verimli ve profesyonel çalışmak için ihtiyacınız olan her şey

Renk Doğrulama

Anında dönüşüm için renk girdisini doğrulayın ve biçimi (HEX, RGB, HSL) otomatik olarak algılayın.

Biçim Dönüşümü

Tek tıklamayla veya yazarken HEX, RGB, HSL ve HSV renk biçimleri arasında dönüştürün.

Görsel Seçici

Anında önizleme ve dönüşüm ile görsel olarak renkleri seçmek için yerel renk seçiciyi kullanın.

Canlı Önizleme

Herhangi bir biçimde değerleri değiştirirken güncellenen gerçek zamanlı renk örneği önizlemesi görün.

Anında Dönüşüm

Saf matematik ile renk biçimleri arasında anında dönüştürme — sunucu gidiş-dönüşleri yok, tamamen özel.

Biçimleri Kopyala

CSS veya tasarım araçlarında kullanmak için herhangi bir biçim değerini doğrudan panonuza kopyalamak için tıklayın.

Nasıl Çalışır

Renk Biçimlendirici verilerinizi profesyonel gibi işlemek için basit adımlar

Renk Girin veya Seçin

HEX, RGB veya HSL değerini yazın veya görsel olarak seçmek için renk seçiciyi kullanın.

Otomatik Dönüştür

Tüm renk biçimleri yazarken veya seçerken anında dönüştürülür ve görüntülenir.

Rengi Önizle

Seçiminizi onaylamak için canlı renk örneği önizlemesini görün.

Biçimi Kopyala

Herhangi bir biçim değerini panonuza kopyalamak için tıklayın.

Profesyonel Renk Biçimlendirici Biçimlendirici & Doğrulayıcı

Renk Biçimlendirici işleme tamamen tarayıcınızda çalışır — yükleme yok, hesap yok, sınır yok.

Uzmanlar Tarafından Geliştirildi

Renk Biçimlendirici biçimlendirme motoru, yerleşik ayrıştırıcıları ve standart algoritmaları kullanarak tarayıcınızda yerel olarak çalışır. Hiçbir şey gizli değildir — tarayıcınızın geliştirici araçlarını açın ve çalışmasını izleyin.

Temel Teknik Özellikler:

• CSS Renk Modülü Seviye 4 uyumlu dönüşümler
• Yerel tarayıcı renk seçici entegrasyonu
• HEX, RGB, HSL ve HSV renk uzayları desteği
• Maksimum güvenlik ve hız için istemci tarafı işleme
• Canlı renk örneği ile gerçek zamanlı önizleme

Güvenilir & Güvenli

Verileriniz tarayıcınızda kalır: hiçbir şey yüklenmez, saklanmaz veya günlüğe kaydedilmez. Sekmeyi kapatın, veri kaybolur.

Güvenlik & Gizlilik:

• %100 istemci tarafı işleme - veriler asla sunuculara gönderilmez
• İzleme, çerez veya veri toplama yok
• Güvenli bağlantılar için HTTPS şifrelemesi
• İşlem sonrası veri depolanmaz veya önbelleğe alınmaz
• GDPR ve CCPA uyumlu yaklaşım

Profesyoneller Neden EZ Formatter'ı Tercih Ediyor

100%

İstemci tarafı işleme

Sunuculara gönderilen veri

Çalışma alanındaki araçlar

Verileriniz tarayıcınızda kalır

Sıkça Sorulan Sorular

Color Formatter biçimlendirme hakkında yaygın soruların cevapları

Evet, renk biçimlendiricimiz kayıt gerektirmeden tamamen ücretsizdir. Tüm işlemler tarayıcınızda gerçekleşir.

HEX (#FF6600), RGB (rgb(255,102,0)), HSL (hsl(24,100%,50%)) ve HSV dönüşümlerini alfa kanalı desteği ile destekliyoruz.

Evet. Yerel renk seçiciyi açmak ve görsel olarak herhangi bir renk seçmek için renk örneğine tıklayın. Tüm biçimler anında güncellenir.

Evet. RGBA ve HSLA biçimlerinde alfa değerleri ekleyebilirsiniz, 0 (şeffaf) ile 1 (opak) arasında değerlerle.

HEX değerini (#FF6600) giriş alanına yapıştırmanız yeterlidir. Araç anında RGB, HSL ve HSV eşdeğerlerini gösterir.

HEX (#rrggbb, #rgb, #rrggbbaa), RGB/A (0-255 ve yüzde biçimleri) ve HSL/A (CSS Color 4'e göre) dönüştürülür; ayrıca birkaç eski gösterim (rgb() virgüllü sözdizimi) ve adlandırılmış CSS renkleri (CSS şartnamesindeki 148 isim) desteklenir. Hedef biçim rengi tam olarak temsil edebiliyorsa dönüşüm kesindir; HEX↔RGB kayıpsızdır, HSL ise görüntülenirken bileşenleri en yakın tam sayıya yuvarlar.

HSL sezgiseldir ancak algısal açıklığı bozar (L=%50'deki sarı, L=%50'deki maviden çok daha parlak görünür). HWB (hue-white-black, CSS Color 4) ton/açık-koyu karışımını basitleştirir. OKLCH (CSS Color 4, OKLab renk uzayından türetilmiştir) algısal olarak homojendir - eşit L kanalı adımları eşit parlaklıkta göründüğü için modern tasarım sistemlerinin benimsediği biçimdir; dönüştürücü üçünü de çıktı olarak verir.

Alfa tüm gösterimlerde dönüştürülür (#rrggbbaa, rgba(), hsla(), oklch(... / 0.5)). Display-P3 ve diğer geniş gamut renkler, gamut kırpma uyarısıyla birlikte en yakın sRGB karşılıklarına eşlenir - sRGB bu renkleri temsil edemez ve araç, gidiş-dönüşün kayıpsız olduğu izlenimini vermek yerine bunu açıkça belirtir.

{-- * External Resources Component（#19 Phase 3b 内容佐证工程） * 工具页「权威引用」区块：RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染（无权威来源的工具静默跳过） * - 链接 title 保持英文（引用源专名）；description 经 * common.resources.descriptions.{key} 本地化，lang 未命中回退英文（线上不裸奔） * - 链接保持 dofollow（rel="noopener noreferrer"） * * @param string|null $slug --}}

Yetkili Kaynaklar

Bu aracın çalıştığı biçimleri tanımlayan standartlar ve resmi belgeler.

W3C - CSS Color Module Level 4

W3C CSS Color Module Level 4 — web'de rgb, hsl, hwb, oklch ve renk uzayları.

MDN Web Docs - <color> value

CSS renk değerleri ve renk fonksiyonları için Mozilla referansı.

Web colors - Wikipedia

Web renkleri: hex gösterimi, isimli renk paleti ve tarayıcıların renk tarihi.