MOTOR AKTİF // DESIGN TOKENS V4

Renk Paleti & Teori Stüdyosu

RReennkk
PPaalleettii
&&
TTeeoorrii
SSttüüddyyoossuu

Görsellerden akıllı piksel analizi ve renk çıkarımı, 5 matematiksel renk teorisi armonisi, kilitlemeli canlı palet üretici ve Tailwind CSS v4 ihracı.

WCAG 2.1 AAA
Tailwind v4
Color Blindness
Smart Extraction
CANLI RENK PALETİ
#1
#0A0B10
WCAG:W 19.7
#2
#FF5500
WCAG:B 6.6
#3
#00EDFF
WCAG:B 14.6
#4
#1C1C24
WCAG:W 16.9
#5
#94A3B8
WCAG:B 8.2
#6
#F8FAFC
WCAG:B 20.1
Akıllı Piksel Analizi
Görsel yükleyin veya sürükleyinPNG, JPG, WEBP • Max 10MB
#FF5500
#FF5500
RGB: 255, 85, 0
HSL: 20°, 100%, 50%
Beyaz (#FFF) Üzeri Kontrast
3.21:1
Yetersiz Kontrast
Siyah (#000) Üzeri Kontrast
6.55:1
WCAG AA (Geçer)

Renk paleti çıkarıcı nedir?

Renk paleti çıkarıcı, bir görseldeki baskın renkleri otomatik olarak analiz edip HEX ve RGB kodları halinde listeleyen araçtır. Bir fotoğraftan, ürün görselinden veya referans tasarımdan saniyeler içinde kullanılabilir bir renk paleti elde edersiniz; kodları doğrudan tasarım yazılımınıza veya CSS dosyanıza yapıştırabilirsiniz.

Nasıl kullanılır?

  1. 1Analiz edilecek görseli yükleyin.
  2. 2Çıkarılan baskın renkleri ve oranlarını inceleyin.
  3. 3İhtiyacınız olan rengin HEX veya RGB kodunu kopyalayın.
  4. 4Paleti dışa aktarın.

Sıkça sorulan sorular

Marka paletimi bu araçla oluşturabilir miyim?

+

Başlangıç noktası olarak evet, ancak tek başına yeterli değildir. Araç size görselden gelen ham renkleri verir; kurumsal bir palet ayrıca kontrast oranı, erişilebilirlik (WCAG AA), baskıda CMYK karşılığı ve renklerin hangi bağlamda kullanılacağına dair kural setini gerektirir.

Kaç renk çıkarılıyor?

+

Araç görseldeki baskın renkleri sıklık sırasına göre listeler. Bir marka paletinde genellikle 3-5 renk yeterlidir: bir ana renk, bir vurgu rengi ve iki-üç nötr ton. Listeden fazlasını almak paleti tutarsız hale getirir.

Görselim yükleniyor mu?

+

Hayır. Renk analizi tarayıcınızda, sizin cihazınızda yapılır. Yüklediğiniz görsel hiçbir sunucuya gönderilmez; bu, yayınlanmamış ürün fotoğrafları ve müşteri tasarımları için önemlidir.