Ctrl+K
Popüler aramalar:
Türkçe Dil BetaUtilStation

Renk Paleti Oluşturucu

v1.0.0

Renk Paleti Oluşturucu

Tasarım projeleri için estetik ve rastgele renk paletleri oluşturun.

Warning

This tool is not supported on mobile devices, please use a desktop device for better experience.

#6366f1
#8b5cf6
#ec4899
#f97316
#facc15

CSS Variables Preview

:root {
  --color-1: #6366f1;
  --color-2: #8b5cf6;
  --color-3: #ec4899;
  --color-4: #f97316;
  --color-5: #facc15;
}

JSON Preview

[
  {
    "name": "color-1",
    "value": "#6366f1"
  },
  {
    "name": "color-2",
    "value": "#8b5cf6"
  },
  {
    "name": "color-3",
    "value": "#ec4899"
  },
  {
    "name": "color-4",
    "value": "#f97316"
  },
  {
    "name": "color-5",
    "value": "#facc15"
  }
]

Kilidi açık renkleri yeniden üretmek için Oluştur düğmesine basın.

Rastgele modda devre dışı

Uyum modlarında paleti türetmek için kullanılır

#6366f1
  • Yazı Tura
    Benzer araç

    Hızlı kararlar için sanal yazı tura atın.

  • ULID Oluşturucu
    Benzer araç

    Dağıtık sistemler için sıralanabilir benzersiz ULID değerleri üretin.

  • Renkleri HEX, RGB, RGBA, HSL, HSLA, HSV, CMYK ve CSS renk isimleri arasında dönüştürün. Görsel bir renk seçici ve taranabilir CSS renk paleti içerir.

  • UUID Oluşturucu
    Benzer araç

    Veritabanı ve uygulamalar için rastgele UUID değerleri üretin.

  • CSS kutu gölgelerini görsel olarak oluşturun. Birden fazla katmanda offset, blur, spread, renk ve opaklığı ayarlayın.

  • Görsel olarak harika CSS gradyanları oluşturun. Özel renk durakları, açı kontrolü ve kopyalamaya hazır CSS çıktısı ile doğrusal (linear), dairesel (radial) ve konik (conic) türlerini destekler.

  • Şifre Oluşturucu
    Benzer araç

    Güçlü ve güvenli şifreler oluşturun.

Color Palette Generator hakkında ne düşünüyorsun?

Görüşlerinize değer veriyoruz ve düşüncelerinizi duymak isteriz.

Select your rating

Mükemmel! ⭐

Renk Paleti Oluşturucu Nedir?

Renk Paleti Oluşturucu; arayüz tasarımı, marka çalışmaları, illüstrasyonlar ve içerikler için uyumlu renk setleri oluşturmanıza yardımcı olur. Renkleri tek tek rastgele seçmek yerine, uyum kurallarına göre eşleşen tonlar üretebilir ve bunları gerçek projeler için hızla dışa aktarabilirsiniz.

Bu araç nasıl kullanılır

  1. Bir uyum modu seçin renklerin birbiriyle nasıl ilişkili olacağını belirlemek için
  2. Bir tohum renk seçin rastgele olmayan uyum modlarını kullanırken
  3. Generate düğmesine tıklayın kilitli renkleri sabit tutarken yeni bir set oluşturmak için
  4. Beğendiğiniz renkleri kilitleyin ve palet tarzınıza uyana kadar yeniden oluşturun
  5. Kopyalayın veya dışa aktarın HEX/RGB/HSL, CSS değişkenleri veya JSON olarak

Uyum modları

  • Rastgele: Hızlı ilham için tamamen rastgele renkler üretir.
  • Tamamlayıcı: Güçlü kontrast için renk çarkında zıt tonları kullanır.
  • Triadik: Canlı ve dengeli paletler için eşit aralıklı üç tonu kullanır.
  • Benzer: Yumuşak ve uyumlu bir görünüm için komşu tonları kullanır.
  • Bölünmüş Tamamlayıcı: Esnek kontrast için bir ana tonu iki yakın zıt tonla eşleştirir.
  • Tetradik: Zengin ve çeşitli kombinasyonlar için dört tonlu bir şema oluşturur.
  • Monokromatik: Tutarlı bir stil için tek tonu korur, parlaklık/doygunluğu değiştirir.

Daha iyi paletler için ipuçları

  • Tohum olarak marka veya vurgu renginizle başlayın, ardından önce beğendiğiniz renkleri kilitleyin.
  • Renkleri canlı arayüzlerde kullanmadan önce metin kontrastını kontrol edin.
  • CSS içinde daha kolay ince ayar istediğinizde HSL dışa aktarma kullanın.
  • Paletinizi tasarım token'larında veya uygulama yapılandırma dosyalarında tekrar kullanmak için JSON dışa aktarın.
PulseNew

Hizmetlerinizi gerçek zamanlı olarak izleyin

Tools

Pages

Yasal