CSS Değişkenleri

Renkleri CSS özel özellikleri olarak dışa aktarın. CSS Değişkenleri aracını kayıt olmadan ücretsiz kullanın; hızlı sonuçlar ve tarayıcıda güvenli işlem.

Değer

--primary

--secondary

--accent

--background

--foreground

:root {
  --primary: #6366f1;
  --secondary: #ec4899;
  --accent: #f59e0b;
  --background: #ffffff;
  --foreground: #1f2937;
}

CSS Değişkenleri, renklerle doğrudan tarayıcıda çalışmanıza yardımcı olur.

Araç hızlı ve güvenilir sonuç isteyen tasarımcılar, geliştiriciler ve içerik üreticileri için tasarlanmıştır.

Supported formats

CSS

HEX

RGB

HSL

How it works

Step 1

CSS Değişkenleri aracını açın

Step 2

Renkleri girin veya içe aktarın

Step 3

Sonucu kopyalayın, dışa aktarın veya yeniden kullanın

Kaçınılması gereken yaygın hatalar

Kontrastı kontrol etmemek okunabilirliği azaltabilir.
Çok fazla renk kullanmak paleti uygulamayı zorlaştırabilir.

Profesyonel ipuçları

Ana renkleri CSS değişkenleri olarak saklayın.
Yayınlamadan önce paleti açık ve koyu modda test edin.

Privacy guaranteed: everything is processed locally in your browser.

Mümkün olduğunda işlem tarayıcınızda yerel olarak yapılır. Hesap gerekmez.

Renk projeleriniz için CSS Değişkenleri

Renkleri CSS özel özellikleri olarak dışa aktarın.

Hassasiyet kaybı olmadan CSS Değişkenleri

Dönüşümler tam değerler (HEX, RGB, HSL, OKLCH) üzerinde çalışır. Görsel yaklaşıklık yok — tasarım amacınıza sadık renk elde edersiniz.