Renk Paleti Oluşturucu

Seed Düzenleyici

Gölge Adımı

Renk Kaydırıcıları

G212

B170

Kontrast Kaydırma

Algoritma

Adlandırma Deseni

Yeni seed için Space tuşuna basın

Renk Adımları

Paleti Dışa Aktar

:root {
  --palette-my-palette-50: #f0fffa;
  --palette-my-palette-95: #d9fff4;
  --palette-my-palette-145: #c3feee;
  --palette-my-palette-190: #acfee8;
  --palette-my-palette-240: #96fee3;
  --palette-my-palette-285: #7ffedf;
  --palette-my-palette-335: #68fdda;
  --palette-my-palette-380: #52fdd7;
  --palette-my-palette-430: #3bfdd4;
  --palette-my-palette-475: #25fdd1;
  --palette-my-palette-525: #0efdcf;
  --palette-my-palette-570: #02f1c6;
  --palette-my-palette-620: #03dab5;
  --palette-my-palette-665: #03c3a4;
  --palette-my-palette-715: #04ac92;
  --palette-my-palette-760: #049580;
  --palette-my-palette-810: #037e6e;
  --palette-my-palette-855: #03685c;
  --palette-my-palette-905: #025249;
  --palette-my-palette-950: #023b36;
}

Kontrast Kontrolü

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.3:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.8:1Başarısız

3.6:1AA+

4.8:1AA

6.5:1AA

8.8:1AAA

12.1:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.1:1Başarısız

2.7:1Başarısız

3.5:1AA+

4.6:1AA

6.2:1AA

8.5:1AAA

11.6:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.3:1Başarısız

1.6:1Başarısız

2.0:1Başarısız

2.6:1Başarısız

3.3:1AA+

4.4:1AA+

6.0:1AA

8.1:1AAA

11.1:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.3:1Başarısız

1.5:1Başarısız

1.9:1Başarısız

2.5:1Başarısız

3.2:1AA+

4.3:1AA+

5.8:1AA

7.8:1AAA

10.8:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.5:1Başarısız

1.9:1Başarısız

2.4:1Başarısız

3.1:1AA+

4.2:1AA+

5.6:1AA

7.6:1AAA

10.5:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.5:1Başarısız

1.8:1Başarısız

2.3:1Başarısız

3.1:1AA+

4.1:1AA+

5.5:1AA

7.4:1AAA

10.2:1AAA

1.0:1Başarısız

1.2:1Başarısız

1.4:1Başarısız

1.8:1Başarısız

2.3:1Başarısız

3.0:1Başarısız

4.0:1AA+

5.3:1AA

7.2:1AAA

9.9:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.4:1Başarısız

1.8:1Başarısız

2.2:1Başarısız

2.9:1Başarısız

3.9:1AA+

5.2:1AA

7.1:1AAA

9.7:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.9:1Başarısız

3.8:1AA+

5.2:1AA

7.0:1AAA

9.6:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.9:1Başarısız

3.8:1AA+

5.1:1AA

7.0:1AA

9.5:1AAA

1.1:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.8:1Başarısız

3.8:1AA+

5.1:1AA

6.9:1AA

9.5:1AAA

1.2:1Başarısız

1.5:1Başarısız

2.0:1Başarısız

2.6:1Başarısız

3.4:1AA+

4.6:1AA

6.2:1AA

8.6:1AAA

1.3:1Başarısız

1.6:1Başarısız

2.1:1Başarısız

2.8:1Başarısız

3.7:1AA+

5.1:1AA

7.0:1AA

1.3:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

3.0:1Başarısız

4.1:1AA+

5.6:1AA

1.3:1Başarısız

1.7:1Başarısız

2.3:1Başarısız

3.2:1AA+

4.4:1AA+

1.3:1Başarısız

1.8:1Başarısız

2.4:1Başarısız

3.3:1AA+

1.3:1Başarısız

1.8:1Başarısız

2.5:1Başarısız

1.4:1Başarısız

1.9:1Başarısız

1.4:1Başarısız

Bu araç için geri bildirim gönderin

Hata, yanlış sonuç veya geliştirme isteğinizi araç bağlamıyla birlikte iletin.

Yalnızca mesajınız ve temel teknik bağlam kaydedilir. Dosya içeriğiniz otomatik olarak gönderilmez.

Renk Paleti Oluşturucu içinde öne çıkan noktalar

Harmoni, rastgele ve görselden palet üretme modları
WCAG kontrast kontrolüyle erişilebilirlik doğrulama
CSS, JSON ve Tailwind dahil farklı dışa aktarım biçimleri

Renk Paleti Oluşturucu adım adım nasıl kullanılır?

Palet üretim modunu seçin
Temel renkten harmoni üretmek, rastgele palet denemek veya görselden renk çıkarmak arasında seçim yapın.
Renkleri düzenleyin ve kilitleyin
Hoşunuza giden tonları sabitleyin, gereksiz renkleri çıkarın ve paleti hedef arayüzünüze göre ince ayarlayın.
Kontrastı kontrol edip dışa aktarın
Metin-arka plan okunabilirliğini kontrol ettikten sonra istediğiniz formatta paleti dışa aktarın.

Renk Paleti Oluşturucu en çok hangi durumlarda öne çıkar?

UI kiti, marka rehberi veya açılış sayfası için başlangıç paleti oluşturma
Mevcut görsel kimlikten renk çıkarıp dijital tasarıma taşıma
Erişilebilir metin ve arka plan kombinasyonlarını hızlıca doğrulama

İyi bir renk paleti yalnızca güzel görünmekle mi ilgilidir?

Hayır. Uyum kadar kontrast, tekrar kullanılabilirlik ve farklı bileşenlerde tutarlı davranış da güçlü bir paletin temel parçasıdır.

Renk Paleti Oluşturucu ile ilgili sık sorulan sorular

Kontrast kontrolü neden gerekli?

Tasarım estetik olsa bile metin arka planda okunmuyorsa kullanılabilirlik düşer; WCAG kontrolü bu riski erken aşamada görmenizi sağlar.

Görselden çıkarılan renkler doğrudan UI için uygun olur mu?

Her zaman değil. Çıkan renkleri çoğu zaman doygunluk, parlaklık ve kontrast açısından yeniden dengelemek gerekir.

Paletteki renkleri neden kilitlemek isteyeyim?

Ana marka renklerini korurken geri kalan tonları yenilemek istediğinizde kilitleme özelliği daha kontrollü iterasyon sağlar.

Renk Araçları kategorisinde sıradaki adım için bakabileceğiniz ilgili araçlar ve sayfalar yer alır.

Palet Oluşturma Modları

Harmoni Modu: Bir temel renk seçerek renk teorisi kurallarına dayalı uyumlu paletler oluşturur. Altı farklı harmoni türü arasından seçim yapabilirsiniz.
Rastgele Mod: Golden ratio yöntemiyle uyumlu rastgele paletler üretir. Spacebar tuşuna basarak veya butona tıklayarak yeni paletler deneyebilirsiniz. Kilitli renkler korunur.
Görselden Çıkarma: Bir görsel yükleyerek veya sürükle-bırak ile bırakarak o görseldeki dominant renkleri otomatik olarak çıkarır.

Harmoni Türleri

Complementary (Tamamlayıcı): Renk çemberinde karşılıklı iki renk. Yüksek kontrast ve canlılık sağlar.
Analogous (Komşu): Renk çemberinde yan yana duran renkler. Doğal ve huzurlu bir uyum yaratır.
Triadic (Üçlü): Renk çemberinde eşit aralıklı üç renk. Dengeli ve zengin bir palet sunar.
Tetradic (Dörtlü): Renk çemberinde dikdörtgen oluşturan dört renk. Çeşitlilik sağlar ancak dikkatli dengelenmesi gerekir.
Split-Complementary (Bölünmüş Tamamlayıcı): Bir renk ve tamamlayıcısının iki komşusu. Yüksek kontrast sunarken daha yumuşak bir görünüm verir.
Monochromatic (Tek Renkli): Tek bir rengin farklı doygunluk ve parlaklık değerleri. Zarif ve tutarlı bir görünüm oluşturur.

Palet Yönetimi

Oluşturulan palet 3 ile 8 arasında renk içerebilir. Her renk kartında şu işlemler yapılabilir:

Kilitleme: Kilit simgesine tıklayarak bir rengi kilitleyebilirsiniz. Kilitli renkler, Spacebar ile yenileme veya harmoni değişikliklerinde korunur.
Silme: Paletteki gereksiz renkleri tek tıkla kaldırabilirsiniz (minimum 3 renk).
Yeni Renk Ekleme: Renkler arasındaki + butonuna tıklayarak paleti genişletebilirsiniz (maksimum 8 renk).
Sıra Değiştirme: Renk kartlarını sürükle-bırak ile yeniden sıralayabilirsiniz.
Spacebar Kısayolu: Herhangi bir giriş alanında değilken Spacebar tuşuna basarak kilitli olmayan renkleri anında yenileyebilirsiniz.

Renk Düzenleme

Paletteki bir renge tıklayarak detaylı düzenleme panelini açabilirsiniz:

HEX Girişi: Doğrudan #FF5733 gibi bir HEX kodu yazabilirsiniz.
RGB Girişi: Kırmızı, yeşil ve mavi değerlerini (0-255) ayrı ayrı girebilirsiniz.
HSL Girişi: Ton (Hue), doygunluk (Saturation) ve parlaklık (Lightness) değerlerini girebilirsiniz.
HSL Slider'ları: Kaydırıcılarla H, S ve L değerlerini görsel olarak ayarlayabilirsiniz.
Renk Seçici: Tarayıcının yerleşik renk seçicisini kullanabilirsiniz.

Shade, Tint ve Tone

Paletteki bir renk seçildiğinde, o rengin ton varyasyonları otomatik olarak gösterilir:

Shades (Koyu Tonlar): Rengin siyah ile karıştırılmasıyla elde edilen daha koyu versiyonlarıdır.
Tints (Açık Tonlar): Rengin beyaz ile karıştırılmasıyla oluşan pastel ve açık tonlarıdır.
Tones (Gri Tonlar): Rengin gri ile karıştırılmasıyla doygunluğu azaltılmış sofistike tonlardır.

Herhangi bir ton kutusuna tıklayarak HEX kodunu panoya kopyalayabilirsiniz.

WCAG Kontrast Kontrolu

Paletteki tüm renk çiftleri arasındaki kontrast oranları otomatik olarak hesaplanır ve WCAG 2.1 erişilebilirlik standartlarına göre derecelendirilir:

AAA: 7:1 ve üzeri kontrast oranı. En yüksek erişilebilirlik seviyesi.
AA: 4.5:1 ve üzeri kontrast oranı. Normal metin için yeterli.
AA+: 3:1 ve üzeri kontrast oranı. Yalnızca büyük metin (18pt ve üzeri) için yeterli.

Bu kontrol, tasarımınızda metin ve arka plan renk kombinasyonlarının okunabilirliğini doğrulamanıza yardımcı olur.

Dışa Aktarım Seçenekleri

Oluşturduğunuz paleti 6 farklı formatta dışa aktarabilirsiniz:

CSS Variables: --color-1: #FF5733; formatında CSS özel değişkenleri.
HEX: Sade HEX kod listesi.
RGB: rgb(255, 87, 51) formatında değerler.
HSL: hsl(11, 100%, 60%) formatında değerler.
JSON: Renklerin JSON dizisi formatı.
Tailwind: Tailwind CSS yapılandırma dosyasına eklenebilir format.

Her format için panoya kopyalama veya dosya olarak indirme seçenekleri mevcuttur.

Seed Düzenleyici

Gölge Adımı

Renk Kaydırıcıları

G212

B170

Kontrast Kaydırma

Algoritma

Adlandırma Deseni

Yeni seed için Space tuşuna basın

Renk Adımları

Paleti Dışa Aktar

:root {
  --palette-my-palette-50: #f0fffa;
  --palette-my-palette-95: #d9fff4;
  --palette-my-palette-145: #c3feee;
  --palette-my-palette-190: #acfee8;
  --palette-my-palette-240: #96fee3;
  --palette-my-palette-285: #7ffedf;
  --palette-my-palette-335: #68fdda;
  --palette-my-palette-380: #52fdd7;
  --palette-my-palette-430: #3bfdd4;
  --palette-my-palette-475: #25fdd1;
  --palette-my-palette-525: #0efdcf;
  --palette-my-palette-570: #02f1c6;
  --palette-my-palette-620: #03dab5;
  --palette-my-palette-665: #03c3a4;
  --palette-my-palette-715: #04ac92;
  --palette-my-palette-760: #049580;
  --palette-my-palette-810: #037e6e;
  --palette-my-palette-855: #03685c;
  --palette-my-palette-905: #025249;
  --palette-my-palette-950: #023b36;
}

Kontrast Kontrolü

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.3:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.8:1Başarısız

3.6:1AA+

4.8:1AA

6.5:1AA

8.8:1AAA

12.1:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.1:1Başarısız

2.7:1Başarısız

3.5:1AA+

4.6:1AA

6.2:1AA

8.5:1AAA

11.6:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.3:1Başarısız

1.6:1Başarısız

2.0:1Başarısız

2.6:1Başarısız

3.3:1AA+

4.4:1AA+

6.0:1AA

8.1:1AAA

11.1:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.3:1Başarısız

1.5:1Başarısız

1.9:1Başarısız

2.5:1Başarısız

3.2:1AA+

4.3:1AA+

5.8:1AA

7.8:1AAA

10.8:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.5:1Başarısız

1.9:1Başarısız

2.4:1Başarısız

3.1:1AA+

4.2:1AA+

5.6:1AA

7.6:1AAA

10.5:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.2:1Başarısız

1.5:1Başarısız

1.8:1Başarısız

2.3:1Başarısız

3.1:1AA+

4.1:1AA+

5.5:1AA

7.4:1AAA

10.2:1AAA

1.0:1Başarısız

1.2:1Başarısız

1.4:1Başarısız

1.8:1Başarısız

2.3:1Başarısız

3.0:1Başarısız

4.0:1AA+

5.3:1AA

7.2:1AAA

9.9:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.4:1Başarısız

1.8:1Başarısız

2.2:1Başarısız

2.9:1Başarısız

3.9:1AA+

5.2:1AA

7.1:1AAA

9.7:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.9:1Başarısız

3.8:1AA+

5.2:1AA

7.0:1AAA

9.6:1AAA

1.0:1Başarısız

1.1:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.9:1Başarısız

3.8:1AA+

5.1:1AA

7.0:1AA

9.5:1AAA

1.1:1Başarısız

1.4:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

2.8:1Başarısız

3.8:1AA+

5.1:1AA

6.9:1AA

9.5:1AAA

1.2:1Başarısız

1.5:1Başarısız

2.0:1Başarısız

2.6:1Başarısız

3.4:1AA+

4.6:1AA

6.2:1AA

8.6:1AAA

1.3:1Başarısız

1.6:1Başarısız

2.1:1Başarısız

2.8:1Başarısız

3.7:1AA+

5.1:1AA

7.0:1AA

1.3:1Başarısız

1.7:1Başarısız

2.2:1Başarısız

3.0:1Başarısız

4.1:1AA+

5.6:1AA

1.3:1Başarısız

1.7:1Başarısız

2.3:1Başarısız

3.2:1AA+

4.4:1AA+

1.3:1Başarısız

1.8:1Başarısız

2.4:1Başarısız

3.3:1AA+

1.3:1Başarısız

1.8:1Başarısız

2.5:1Başarısız

1.4:1Başarısız

1.9:1Başarısız

1.4:1Başarısız

Bu araç için geri bildirim gönderin

Hata, yanlış sonuç veya geliştirme isteğinizi araç bağlamıyla birlikte iletin.

Yalnızca mesajınız ve temel teknik bağlam kaydedilir. Dosya içeriğiniz otomatik olarak gönderilmez.

Renk Paleti Oluşturucu içinde öne çıkan noktalar

Harmoni, rastgele ve görselden palet üretme modları
WCAG kontrast kontrolüyle erişilebilirlik doğrulama
CSS, JSON ve Tailwind dahil farklı dışa aktarım biçimleri

Renk Paleti Oluşturucu adım adım nasıl kullanılır?

Palet üretim modunu seçin
Temel renkten harmoni üretmek, rastgele palet denemek veya görselden renk çıkarmak arasında seçim yapın.
Renkleri düzenleyin ve kilitleyin
Hoşunuza giden tonları sabitleyin, gereksiz renkleri çıkarın ve paleti hedef arayüzünüze göre ince ayarlayın.
Kontrastı kontrol edip dışa aktarın
Metin-arka plan okunabilirliğini kontrol ettikten sonra istediğiniz formatta paleti dışa aktarın.

Renk Paleti Oluşturucu en çok hangi durumlarda öne çıkar?

UI kiti, marka rehberi veya açılış sayfası için başlangıç paleti oluşturma
Mevcut görsel kimlikten renk çıkarıp dijital tasarıma taşıma
Erişilebilir metin ve arka plan kombinasyonlarını hızlıca doğrulama

İyi bir renk paleti yalnızca güzel görünmekle mi ilgilidir?

Hayır. Uyum kadar kontrast, tekrar kullanılabilirlik ve farklı bileşenlerde tutarlı davranış da güçlü bir paletin temel parçasıdır.

Renk Paleti Oluşturucu ile ilgili sık sorulan sorular

Kontrast kontrolü neden gerekli?

Tasarım estetik olsa bile metin arka planda okunmuyorsa kullanılabilirlik düşer; WCAG kontrolü bu riski erken aşamada görmenizi sağlar.

Görselden çıkarılan renkler doğrudan UI için uygun olur mu?

Her zaman değil. Çıkan renkleri çoğu zaman doygunluk, parlaklık ve kontrast açısından yeniden dengelemek gerekir.

Paletteki renkleri neden kilitlemek isteyeyim?

Ana marka renklerini korurken geri kalan tonları yenilemek istediğinizde kilitleme özelliği daha kontrollü iterasyon sağlar.

Renk Araçları kategorisinde sıradaki adım için bakabileceğiniz ilgili araçlar ve sayfalar yer alır.

Renk Paleti Oluşturucu

Palet Oluşturma Modları

Harmoni Modu: Bir temel renk seçerek renk teorisi kurallarına dayalı uyumlu paletler oluşturur. Altı farklı harmoni türü arasından seçim yapabilirsiniz.
Rastgele Mod: Golden ratio yöntemiyle uyumlu rastgele paletler üretir. Spacebar tuşuna basarak veya butona tıklayarak yeni paletler deneyebilirsiniz. Kilitli renkler korunur.
Görselden Çıkarma: Bir görsel yükleyerek veya sürükle-bırak ile bırakarak o görseldeki dominant renkleri otomatik olarak çıkarır.

Harmoni Türleri

Complementary (Tamamlayıcı): Renk çemberinde karşılıklı iki renk. Yüksek kontrast ve canlılık sağlar.
Analogous (Komşu): Renk çemberinde yan yana duran renkler. Doğal ve huzurlu bir uyum yaratır.
Triadic (Üçlü): Renk çemberinde eşit aralıklı üç renk. Dengeli ve zengin bir palet sunar.
Tetradic (Dörtlü): Renk çemberinde dikdörtgen oluşturan dört renk. Çeşitlilik sağlar ancak dikkatli dengelenmesi gerekir.
Split-Complementary (Bölünmüş Tamamlayıcı): Bir renk ve tamamlayıcısının iki komşusu. Yüksek kontrast sunarken daha yumuşak bir görünüm verir.
Monochromatic (Tek Renkli): Tek bir rengin farklı doygunluk ve parlaklık değerleri. Zarif ve tutarlı bir görünüm oluşturur.

Palet Yönetimi

Oluşturulan palet 3 ile 8 arasında renk içerebilir. Her renk kartında şu işlemler yapılabilir:

Kilitleme: Kilit simgesine tıklayarak bir rengi kilitleyebilirsiniz. Kilitli renkler, Spacebar ile yenileme veya harmoni değişikliklerinde korunur.
Silme: Paletteki gereksiz renkleri tek tıkla kaldırabilirsiniz (minimum 3 renk).
Yeni Renk Ekleme: Renkler arasındaki + butonuna tıklayarak paleti genişletebilirsiniz (maksimum 8 renk).
Sıra Değiştirme: Renk kartlarını sürükle-bırak ile yeniden sıralayabilirsiniz.
Spacebar Kısayolu: Herhangi bir giriş alanında değilken Spacebar tuşuna basarak kilitli olmayan renkleri anında yenileyebilirsiniz.

Renk Düzenleme

Paletteki bir renge tıklayarak detaylı düzenleme panelini açabilirsiniz:

HEX Girişi: Doğrudan #FF5733 gibi bir HEX kodu yazabilirsiniz.
RGB Girişi: Kırmızı, yeşil ve mavi değerlerini (0-255) ayrı ayrı girebilirsiniz.
HSL Girişi: Ton (Hue), doygunluk (Saturation) ve parlaklık (Lightness) değerlerini girebilirsiniz.
HSL Slider'ları: Kaydırıcılarla H, S ve L değerlerini görsel olarak ayarlayabilirsiniz.
Renk Seçici: Tarayıcının yerleşik renk seçicisini kullanabilirsiniz.

Shade, Tint ve Tone

Paletteki bir renk seçildiğinde, o rengin ton varyasyonları otomatik olarak gösterilir:

Shades (Koyu Tonlar): Rengin siyah ile karıştırılmasıyla elde edilen daha koyu versiyonlarıdır.
Tints (Açık Tonlar): Rengin beyaz ile karıştırılmasıyla oluşan pastel ve açık tonlarıdır.
Tones (Gri Tonlar): Rengin gri ile karıştırılmasıyla doygunluğu azaltılmış sofistike tonlardır.

Herhangi bir ton kutusuna tıklayarak HEX kodunu panoya kopyalayabilirsiniz.

WCAG Kontrast Kontrolu

Paletteki tüm renk çiftleri arasındaki kontrast oranları otomatik olarak hesaplanır ve WCAG 2.1 erişilebilirlik standartlarına göre derecelendirilir:

AAA: 7:1 ve üzeri kontrast oranı. En yüksek erişilebilirlik seviyesi.
AA: 4.5:1 ve üzeri kontrast oranı. Normal metin için yeterli.
AA+: 3:1 ve üzeri kontrast oranı. Yalnızca büyük metin (18pt ve üzeri) için yeterli.

Bu kontrol, tasarımınızda metin ve arka plan renk kombinasyonlarının okunabilirliğini doğrulamanıza yardımcı olur.

Dışa Aktarım Seçenekleri

Oluşturduğunuz paleti 6 farklı formatta dışa aktarabilirsiniz:

CSS Variables: --color-1: #FF5733; formatında CSS özel değişkenleri.
HEX: Sade HEX kod listesi.
RGB: rgb(255, 87, 51) formatında değerler.
HSL: hsl(11, 100%, 60%) formatında değerler.
JSON: Renklerin JSON dizisi formatı.
Tailwind: Tailwind CSS yapılandırma dosyasına eklenebilir format.

Her format için panoya kopyalama veya dosya olarak indirme seçenekleri mevcuttur.

Bu araç için geri bildirim gönderin

Renk Paleti Oluşturucu içinde öne çıkan noktalar

Renk Paleti Oluşturucu adım adım nasıl kullanılır?

Palet üretim modunu seçin

Renkleri düzenleyin ve kilitleyin

Kontrastı kontrol edip dışa aktarın

Renk Paleti Oluşturucu en çok hangi durumlarda öne çıkar?

İyi bir renk paleti yalnızca güzel görünmekle mi ilgilidir?

Renk Paleti Oluşturucu ile ilgili sık sorulan sorular

Kontrast kontrolü neden gerekli?

Görselden çıkarılan renkler doğrudan UI için uygun olur mu?

Paletteki renkleri neden kilitlemek isteyeyim?

Renk Paleti Oluşturucu sonrasında nereye bakılabilir?

Kategori sayfasını aç

Tüm araçlara göz at

Renk Dönüştürücü

Renk Paleti Oluşturucu

Palet Oluşturma Modları

Harmoni Türleri

Palet Yönetimi

Renk Düzenleme

Shade, Tint ve Tone

WCAG Kontrast Kontrolu

Dışa Aktarım Seçenekleri

Bu araç için geri bildirim gönderin

Renk Paleti Oluşturucu içinde öne çıkan noktalar

Renk Paleti Oluşturucu adım adım nasıl kullanılır?

Palet üretim modunu seçin

Renkleri düzenleyin ve kilitleyin

Kontrastı kontrol edip dışa aktarın

Renk Paleti Oluşturucu en çok hangi durumlarda öne çıkar?

İyi bir renk paleti yalnızca güzel görünmekle mi ilgilidir?

Renk Paleti Oluşturucu ile ilgili sık sorulan sorular

Kontrast kontrolü neden gerekli?

Görselden çıkarılan renkler doğrudan UI için uygun olur mu?

Paletteki renkleri neden kilitlemek isteyeyim?

Renk Paleti Oluşturucu sonrasında nereye bakılabilir?

Kategori sayfasını aç

Tüm araçlara göz at

Renk Dönüştürücü

Renk Paleti Oluşturucu

Palet Oluşturma Modları

Harmoni Türleri

Palet Yönetimi

Renk Düzenleme

Shade, Tint ve Tone

WCAG Kontrast Kontrolu

Dışa Aktarım Seçenekleri