Renk Paleti Oluşturucu
Tek bir temel HEX renkten gölgeler, açık tonlar ve uyumlu renkler oluşturun; her biri kopyalanabilir bir HEX değeriyle gelir.
Renk Paleti Oluşturucu — HEX olarak tek bir temel renk girin ve anında onun etrafında eksiksiz bir palet elde edin — daha açık tonlar, daha koyu gölgeler, tamamlayıcı renk ile bir analog ve triadik set. Her örnek, tek tıklamayla kopyalama düğmesiyle birlikte HEX değerini gösterir. Her şey tamamen tarayıcınızda çalışır; hiçbir renk asla bir sunucuya gönderilmez.
Renk Paleti Oluşturucu nedir?
Renk Paleti Oluşturucu, tek bir temel renk etrafında eksiksiz bir palet oluşturması gereken tasarımcılar ve ön uç geliştiriciler için ücretsiz bir çevrimiçi renk şeması oluşturucudur. Bir HEX renk girin; HSL renk matematiği kullanarak anında daha açık tonlar, daha koyu gölgeler, tamamlayıcı renk ile analog ve triadik uyumlar türetir — her örnek HEX değeriyle ve tek tıklamayla kopyalama düğmesiyle gösterilir. UI renkleri seçmek, bir gölge/ton kademesi oluşturmak veya bir marka için uyumlu vurgu renkleri bulmak için kullanın. Bu, bir HEX renk paleti oluşturucu, gölge/ton üretici ve tamamlayıcı renk bulucunun tek bir araçta birleşmiş halidir.
Renk Paleti Oluşturucu nasıl kullanılır
- Temel renk (HEX) alanına #rrggbb veya #rgb biçiminde bir temel renk yazın ya da görsel olarak seçmek için büyük renk seçici örneğine tıklayın.
- Temel rengin her iki yanında kaç açık ton ve koyu gölge oluşturulacağını denetlemek için Kenar başına gölge sayısını 2, 3 veya 4 olarak ayarlayın.
- Gölgeler ve tonlar bölümünü inceleyin: daha açık tonlar temel rengin üstünde, daha koyu gölgeler altında görünür; her biri etiketlidir (Lighter N / Base / Darker N) ve HEX değeriyle gösterilir.
- Tamamlayıcı, analog (+30deg / -30deg) ve triadik (+120deg / -120deg) renkler için Uyumlu renkler bölümüne bakın.
- Bu HEX değerini panonuza kopyalamak için herhangi bir örneğin yanındaki (veya temel alanın yanındaki) kopyala düğmesine tıklayın.
Örnekler
Saf kırmızıdan tamamlayıcı renk
Girdi
#ff0000
Çıktı
#00ffff
Saf kırmızıdan triadik renk
Girdi
#ff0000
Çıktı
#00ff00
Bir marka gölge kademesi oluşturma
Marka mavinizi girin (ör. #4f86f7) ve Kenar başına gölge sayısını 4 olarak ayarlayarak temel rengin üstünde dört daha açık ton ve altında dört daha koyu gölge elde edin; bu, renk renk tasarım tokenlarınıza kopyalayabileceğiniz 9 adımlı bir kademe verir.
Sıkça sorulan sorular
- Hangi renk biçimlerini girebilirim?
- Temel renk, #rrggbb (altı basamak) veya kısa biçim #rgb (üç basamak) olarak bir HEX değeriyle girilir. Değer geçerli bir HEX renk değilse 'Invalid HEX color' iletisi görünür ve hiçbir palet oluşturulmaz. Tüm çıktı örnekleri #rrggbb HEX olarak gösterilir.
- Kaç gölge ve ton oluşturur?
- Kenar başına 2, 3 veya 4 gölge seçersiniz. Araç bu sayıda daha açık ton (beyaza doğru aradeğerlenmiş) ve aynı sayıda daha koyu gölge (siyaha doğru aradeğerlenmiş) üretir, artı ortada temel renk.
- Hangi uyumlu renkler dahildir?
- Tamamlayıcı rengi (ton 180deg döndürülmüş), iki analog rengi (+30deg ve -30deg) ve iki triadik rengi (+120deg ve -120deg) çıkarır; bunların tümü temel rengin tonunu HSL'de döndürerek hesaplanır.
- HEX yazmak yerine rengi görsel olarak seçebilir miyim?
- Evet. Bir renk seçmek için yerleşik renk seçicili büyük örneğe tıklayın; HEX alanı otomatik olarak güncellenir ve siz değiştirdikçe palet anında yeniden hesaplanır.
- Renk verilerim herhangi bir yere yükleniyor mu?
- Hayır. Her şey yerel renk matematiği kullanılarak tamamen tarayıcınızda çalışır — hiçbir renk değeri asla bir sunucuya gönderilmez, böylece çevrimdışı çalışır ve paletinizi gizli tutar.
İlgili araçlar
Base32 / Base58 Kodlama / Çözme
Metni Base32 (RFC 4648) veya Base58 (Bitcoin alfabesi) olarak kodlayın ve her ikisini de tekrar metne çözün; tamamen UTF-8 güvenli ve tümüyle tarayıcınızda.
Base64 Kodlama / Çözme
Metni Base64'e kodlayın veya Base64'ü tekrar metne çözün (UTF-8 güvenli).
Büyük/Küçük Harf Dönüştürücü ve Sayaç
Metnin büyük/küçük harf durumunu değiştirin ve karakterleri, kelimeleri ve satırları sayın.
Kod Biçimlendirici ve Küçültücü
HTML, CSS ve JavaScript'i tarayıcınızda anında güzelleştirin veya küçültün; 2 boşluk, 4 boşluk ya da sekme girintisi ve Terser destekli JavaScript sıkıştırması ile.