Renk paleti oluşturucu
Bir başlangıç rengi seçin, araç geri kalanını renk çemberine göre hesaplasın. Kodunu kopyalamak için herhangi bir karenin üstüne tıklayın ya da bir fotoğraf bırakıp paleti doğrudan oradan alın.
Şema
Kodu kopyalamak için bir renge tıklayın
Fotoğraftan palet
Fotoğraf cihazınızdan çıkmaz: tarayıcı onu doğrudan okur.
- Ücretsiz
- Dosyalar cihazınızdan çıkmaz
- Kayıt yok
- Dosya sınırı yok
Nasıl kullanılır
- Bir renk kodu yazın veya seçiciyi açın: siz seçerken palet yeniden çizilir.
- Şemayı değiştirin: tamamlayıcı renk çemberin tam karşısında durur, üçlü şema çemberi üçe böler.
- Kodu kopyalamak için bir kareye tıklayın ya da bütün seti CSS değişkenleri olarak kopyalayın.
- Renkleri bir fotoğraftan almak için bir görsel seçin: dosya sizin cihazınızda okunur.
Bilmekte fayda var
Açılar nereden geliyor
Bir renk şeması zevk meselesi değil, renk çemberi üzerindeki geometri meselesidir. Tamamlayıcı renk tam karşıda, 180°’de durur; üçlü şema çemberi 120°’lik üç eşit parçaya böler; komşu renkler otuz derecelik bir aralıkta yan yana durur. Araç, doygunluğu ve açıklığı koruyarak yalnızca renk tonunu döndürür, böylece eşlikçi renkler başladığınız renk kadar canlı ve kadar derin kalır.
Bir fotoğraf neden çamur değil de gerçek renkler veriyor
En sık geçen pikselleri saymak bir fotoğrafta işe yaramaz: tek başına gökyüzü, her biri bir kez görünen bir milyon farklı mavi barındırır. Bu araç renk uzayını en geniş kanalı boyunca ikiye böler ve yeterli sayıda kutu oluşana dek bunu yineler; böylece set, ortalama tek bir kahverengi yerine gökyüzünü, yüzü ve gölgeyi ayrı ayrı tutar.
Kaynaklar
Sık sorulan sorular
Bir web sitesi için hangi şemayı almalıyım?
Güvenli olanlar tek renkli ve komşu şemalardır: sayfayı sakin tutar, dikkat için birbiriyle yarışmazlar. Tamamlayıcı rengi ise fark edilmesi gereken tek öğe için ayırın: bir düğme, bir rozet, bir uyarı.
Paleti kodda nasıl kullanırım?
Karelerin altındaki CSS değişkenleri bloğunu kopyalayıp stil dosyanıza yapıştırın. Adlar --color-1 … --color-6 biçiminde çıkar, bu da başkasının projesinde bir dizi onaltılık koddan çok daha okunaklıdır.
Fotoğrafım bir yere yükleniyor mu?
Hayır. Görsel sayfanın içinde çözülür ve renkler sayılmadan önce 160 piksele küçültülür: cihazdan hiçbir şey çıkmaz, yanıt da anında gelir.
Ton sırası neden siyahla bitmiyor?
Saf siyah ve saf beyaz bilgi taşımaz; onları herkes bilir ve bir palette yalnızca yer kaplarlar. Sıra, uçtan az önce durur, böylece her kare hâlâ kullanılabilir bir renk olur.
İlgili araçlar
- Renk dönüştürücü Rengi alışılmış herhangi bir yazımla girin: #1f5fd6, 1f5fd6, #1f5, rgb(31, 95, 214). Diğer bütü…
- HEX'ten RGB'ye Bir HEX kodu yapıştırın ve RGB kanallarını okuyun. #1f5fd6 kodu rgb(31, 95, 214) olur; kod bir…
- CSS Gradyan Oluşturucu Kaydırıcıları sürükleyin ve üstteki panelin onlarla birlikte değişmesini izleyin. Görüntü isted…
- CSS gölge oluşturucu Sürgüleri oynatın, örnek onlarla birlikte değişsin. Tek gölge yetmediğinde katmanları üst üste…
- RGB’den HEX’e rgb(31, 95, 214) değerini yapıştırın, virgüllü ya da boşluklu fark etmez, karşılığında CSS’e, t…
- Renk seçici Bir renk seçmek için karenin üzerinde gezinin ya da hâlihazırda var olan bir rengi alın: damlal…