Renk Çemberi Kâşifi
Ana rengi seçin
SonrakiRenk çemberinde bir işaretçiyi sürükleyin ve uyum işaretlerinin onunla birlikte döndüğünü izleyin: tamamlayıcı 180°’de, üçlü (triadik) 120° aralıklarla, ayrıca komşu analog renkler, bölünmüş tamamlayıcı ve dörtlü (tetradik). HSL (mühendislik çemberi) ile RYB (sanatçı çemberi) arasında geçiş yapın, ikisinin nerede ayrıştığını karşılaştırın ve seçtiğiniz kombinasyonu palet olarak kopyalayın.
Renk çemberi kâşifi nasıl çalışır?
-
1
İşaretçiyi çemberin üzerinde sürükleyin
İşaretçi, ana renginizi belirler. Doygunluk ve açıklık ayrı denetimlerle ayarlanır.
-
2
Bir uyum seçin
Tamamlayıcı, analog, üçlü, bölünmüş tamamlayıcı, dörtlü ve monokromatik. Uyum işaretleri ana renkle birlikte döner.
-
3
Modeli değiştirin (HSL ile RYB)
HSL çemberi simetriktir (kırmızı camgöbeğinin karşısında, yeşil macentanın karşısında). RYB çemberi ise simetrik değildir (kırmızı yeşilin karşısında, mavi turuncunun karşısında) ve boya karıştırma sezgisine daha yakındır.
-
4
Paleti kopyalayın
Ana renk ve her uyum işareti için HEX, RGB, HSL değerleri. CSS değişkenleri, Sass eşlemesi veya düz CSV olarak kopyalayın.
HSL çemberi ile RYB çemberi
Her iki çember de renkleri bir daire üzerinde düzenler, ancak hangi renklerin “zıt” olduğu konusunda ayrışır:
| Ana renk | HSL tamamlayıcısı | RYB tamamlayıcısı |
|---|---|---|
| Kırmızı | Camgöbeği | Yeşil |
| Turuncu | Mavi-yeşil | Mavi |
| Sarı | Mavi | Mor |
| Yeşil | Macenta | Kırmızı |
| Mavi | Sarı | Turuncu |
| Mor | Sarı-yeşil | Sarı |
- HSL (renk tonu, doygunluk, açıklık): CSS ve dijital tasarımda kullanılan silindirik bir sRGB gösterimidir. 180° eklemek bu dijital çemberdeki karşıt tonu seçer.
- RYB (kırmızı, sarı, mavi): sanat eğitiminde kullanılan geleneksel ve kavramsal bir çemberdir. Bu araç, renk tonu açılarını yeniden eşleyerek söz konusu yaklaşımı yaklaşık olarak gösterir; gerçek pigmentlerin karışım sonucunu tahmin etmez.
İkisi de farklı amaçlar için geçerlidir. Ekran işleri için HSL’yi kullanın; boyama ortamı sezgisini önemsiyorsanız RYB’yi tercih edin.
Çember üzerindeki uyum tanımları
- Tamamlayıcı: ana renk + 180°. Seçilen çemberde en büyük ton ayrımı.
- Analog: ana renk ve -30° ile +30° komşuları. Yumuşak ve bütünlüklü.
- Üçlü (triadik): ana renk + 120° + 240°. Dengeli bir canlılık.
- Bölünmüş tamamlayıcı: ana renk + 150° + 210°. Tamamlayıcı şemanın tam gerilimi olmadan zengin.
- Dörtlü (tetradik) / kare: ana renk + 90° + 180° + 270°. Eşit aralıklı dört renk tonu.
- Monokromatik: aynı renk tonu, farklı açıklık/doygunluk.
Çember üzerindeki sıcaklık
- Sıcak yarı: kırmızılar, turuncular, sarılar. Geleneksel olarak öne çıkar (gözü öne çeker).
- Soğuk yarı: yeşiller, maviler, morlar. Geleneksel olarak geriye çekilir.
- Nötrler: doygunluğu düşük renklerdir; tonuna göre yarılardan birine girer.
Pratik kullanımlar
- Marka paleti keşfi: uygun bir renk bulana kadar işaretçiyi sürükleyin, ardından destekleyici vurgular için üçlü veya dörtlü işaretleri inceleyin.
- Sanat çalışmaları: bir fotoğraf referansı seçin, baskın renk tonunu bulun ve monokromatik gölgelendirme için komşu analog renklere bakın.
- İllüstrasyon: gölgeler için bir tamamlayıcı çift seçin; örneğin turuncu bir nesnenin gölgelerini yalnızca daha koyu turuncuyla değil maviyle boyayın.
- İç mekân tasarım taslağı: üçlü çemberler klasik iç mekân paletlerine karşılık gelir (geleneksel Amerikan tarzında mavi/sarı/kırmızı; bohem tarzında yeşil/turuncu/mor).
Çember neden tam olarak sezgisel değildir?
Gerçek insan renk algısı, çemberlerin herhangi birinin gösterdiğinden daha karmaşıktır. Munsell sistemi, LAB ve OKLCH’nin hepsi algısal olarak eşdüzeyli düzenlemeler hedefler ve basit bir daire oluşturmaz; kroma her renk tonunda açıklığa göre değişir. Üretim ölçeğindeki tasarım sistemi çalışmalarında algısal renk uzayları çemberlere göre daha temiz sonuçlar verir; kavramsal renk keşfinde ise çember hâlâ açıklık bakımından öne geçer.
Sık Sorulan Sorular
Dijital tasarım için HSL (CSS, ekranlar, kullanıcı arayüzü). Boya, baskı veya geleneksel sanatı düşünürken ve sanat okullarının alışılmış uyum sezgisini isterken RYB kullanın.
Modeller renk tonlarını farklı biçimde sıralar. HSL, sRGB renk tonu açısını kullandığı için kırmızının karşısında camgöbeği bulunur. Geleneksel RYB yaklaşımında ise kırmızının karşısında yeşil vardır. Buradaki RYB görsel bir yaklaşımdır; belirli boyaların karışım sonucunu tahmin etmez.
Eğitim, fikir taslağı ve müşteri iletişimi için evet. Hassas palet çalışmasında ise profesyoneller, açıklık ve kromanın renk tonundan bağımsız olduğu algısal renk uzaylarını (LAB, OKLCH) giderek daha çok kullanıyor.
Paleti CSS, Sass veya CSV olarak kopyalayıp çalışma alanınıza kaydedin. Araçta palet kitaplığı veya hesaba bağlı depolama yoktur. Dört adımlı akışta görünür çember ayarları URL’ye eklenir ve tarayıcı geçmişinde kalabilir.
İlgili Araçlar
ASCII Tablosu Referansı
NUL, LF ve DEL dahil her kod için ondalık, onaltılık, sekizlik ve ikili değerlerle HTML sayısal karakter başvurusu gösterimini sunan tam ASCII tablosu.
HTML Karakter Referansı
HTML varlıklarının aranabilir listesi; adlandırılmış ve sayısal kodlarıyla birlikte özel karakter ve semboller için tek tıkla kopyalama.
Klavye kısayolları başvurusu
macOS, Windows ve Linux’ta VS Code, Chrome ve GNU Readline kullanan Bash için belgelenmiş varsayılan kısayolları arayın.
Dosya Boyutu Dönüştürücü
Bayt, KB, MB, GB, TB ve ikili IEC birimleri (KiB, MiB, GiB, TiB) arasında, ondalık ve ikiliyi dilediğiniz gibi birleştirerek dönüşüm yapın.
JSON Minifier
API yanıtlarında ve gömülü yapılandırmalarda payload boyutunu küçültmek için boşlukları, satır sonlarını ve yorumları kaldırarak JSON'u küçültün.
CSS Fiyat Tablosu Oluşturucu
HTML + CSS ile tek bir fiyat kartı oluşturun: paket adı, fiyat ve marka vurgu rengi. Kodu açılış sayfanıza kopyalayın.
Araç diğer dillerde mevcuttur
- Penjelajah Roda Warna [ID]
- Eksplorator koła barw [PL]
- Färghjulsutforskare [SV]
- เครื่องมือสำรวจวงล้อสี [TH]
- Farbrad-Explorer [DE]
- カラーホイールエクスプローラー [JA]
- 컬러 휠 탐색기 [KO]
- Explorador de Rueda de Color [ES]
- Explorador de Cores [PT]
- Trình khám phá bánh xe màu [VI]
- Explorateur de la roue des couleurs [FR]
- مستكشف عجلة الألوان [AR]
- Kleurenwielverkenner [NL]
- Color Wheel Explorer [EN]
- Esplora la Ruota dei Colori [IT]
- Обозреватель цветового круга [RU]
- 色轮探索器 [ZH]