Tek renkle başlayıp tamamlayıcı, analog, triadik ve daha fazla armoni üretin; ardından CSS, Tailwind v4, SVG veya PNG olarak dışa aktarın.
Renk teorisi rehberi
Çember, tonları dairesel dizererek ilişkileri mekansal kılar. Mesafe kontrast, yakınlık dinginlik demektir. Aşağıdaki her şey interaktiftir — yukarıdaki çemberi değiştirin, fikirler daha hızlı oturur.
İpucu: her sonucu paylaşın — URL her zaman taban renginizi, armoninizi ve parlaklığınızı saklar.
Arayüzlere tek ton asla yetmez. Gölgeler için siyahla (başlıklar, hover), açık tonlar için beyazla (arka planlar, modallar), tonlar için griyle (soluk metin, kenarlıklar) karıştırın.
İndigo gölgeden açığa. Aynı mantık yukarıdaki her paleti çalıştırır.
Klasik RYB çemberinde kırmızı, sarı ve mavi birincildir; karışımları turuncu, yeşil ve moru verir. Ekranda ışık (RGB) karıştırırız, bu yüzden araç HSL/HSV hesaplar — piksele ayarlı aynı çember.
Twelve stops around the disc; every other color contains a trace of a primary.
Ease Colors, tarayıcıdan çıkmadan güvenilir renge ihtiyaç duyan tasarımcılar ve geliştiriciler için ücretsiz, çevrimiçi bir renk çemberidir. Etkileşimli çember seçicide bir baz renk seçin, altı armoniyi bir arada önizleyin, ardından üretime hazır HEX, RGB, HSL veya OKLCH kodlarını kopyalayın. Hiçbir şey yüklenmez, hesap açmanız gerekmez ve her sonuç, baz renginizi, armoninizi ve parlaklığınızı aynen geri yükleyen paylaşılabilir bir URL alır. Yerleşik gölge rampası her baz rengi açıktan koyuya esnetir ve sayfanın tamamı klavyeyle kullanılabilir — her adımda görünür odakla.
Renk çemberi, tonların ilişkileri mekansal kılacak biçimde dizildiği dairesel bir renk şemasıdır: komşu renkler sakinleştirir, karşıt renkler gerilim yaratır. Resim derslerindeki klasik ana renk çemberi kırmızı, sarı ve mavi boyayı karıştırırken ekranınızdaki RGB renk çemberi ışık karıştırır. Bu araç her armoniyi pigmente değil piksele ayarlı HSV/HSL uzayında hesaplar. Ton için diske bir nokta sürükleyin, doygunluk için kenara çekin ve bir tonu açık zeminden koyu metne taşımak için dış parlaklık halkasını çevirin. Disk her zaman tam canlılıkla çizildiğinden, işaret noktaları neredeyse siyah ya da neredeyse beyaz paletlerde bile dağılmış ve sürüklenebilir kalır — geometri uçlarda asla çökmez.
Bu çevrimiçi renk çemberi aynı zamanda tam donanımlı bir çevrimiçi renk seçici ve renk aracıdır:
Yön mü arıyorsunuz? 400+ seçili set arasında rastgele bir tur için renk paleti galerisinde Shuffle'a basın.
Yayınlamadan önce renk körlüğü simülasyonunu çalıştırıp protanopi, deuteranopi, tritanopi ve akromatopsiyi önizleyin ve her şeritte otomatik kontrast etiketleriyle metni okunur tutun.
Bu sayfadaki her renk seçici dört format konuşur. HEX alanı #EDEA37 gibi her kodu kabul eder, RGB seçici rgb(99, 102, 241) gibi üçlüleri okur; HSL ile OKLCH, RGB'nin tek başına erişemediği algısal düzgünlüğü kapsar. Ön yüz ekipleri kullanıma hazır HTML renk seçici ve CSS renk seçici akışı alır: CSS değişkenleri, Tailwind v4 tema tokenları, Tailwind v3 yapılandırma nesnesi, Figma JSON ya da yalnızca kodları dışa aktarın. Yerleşik ekran damlalığı (EyeDropper) monitörünüzdeki her pikseli örnekler ve seçim çemberindeki noktalar her parlaklıkta sürüklenebilir kalır. Bu çevrimiçi renk seçici ücretsizdir; alfa destekli dışa aktarımlar her RGBA senaryosunu kapsar. Özel mod, üretilen her seti elle düzenlenebilir listeye dondurur: örneği açın ya da koyultun, yeniden sıralamak için sürükleyin, karışık bir orta nokta ekleyin ya da bir ucu uzatın — her düzenleme anında paylaşılabilir URL'ye yansır.
Fotoğrafçılar ve marka tasarımcıları gerçek dünyadan palet ödünç almak için görüntü renk seçiciye başvurur. Bir fotoğraf yükleyin — ya da görüntü URL'si yapıştırın — ve görüntüden seçici, piksel ızgaralı ve artı imleçli bir büyüteç göstererek %800 yakınlaştırmada bile işaret ettiğiniz pikseli tam okur. Rengi kilitleyin, HEX, RGB, HSL ya da OKLCH olarak kopyalayın ve tek tıkla çembere gönderin. Çıkarılan palet boyunu iki ila on renk arasında ayarlayın, şeridi PNG indirin ya da tarayıcı kasasında saklayıp sonra yeniden açın. Açtığınız her görüntü cihazınızda kalır — hiçbir şey yüklenmez.
Tek örnek yetmediğinde renk paleti oluşturucu saniyeler içinde hazır bir görüntüden palet kurar. Pikselleri sıklık ve doygunluğa göre puanlar, near-duplikatları eler ve kazananları tona göre dizer — yeniden sıralayıp genişletip sileceğiniz iki ila on renk. Portre rötuşçuları pastel, mavi ve yeşil koleksiyonların yanındaki özel ten rengi setlerini sevecek. Favorileri tarayıcı kasasında saklayın, her renk paletini PNG ya da SVG indirin ve teslim için token dışa aktarın. Sürüklenebilir topuzlar görüntü üzerinde örnek noktalarında gezer — bir rengi yeniden seçmek tahmin değil sürükleme işidir.
Komplemanter renk çemberi, maksimum gerilim için 180° aralıklı tonları eşler — maviye karşı turuncu, sarıya karşı mor. Komplemanter şerit baz renginizi siyah noktayla işaretler; baskın ton yerleşimi yönetirken düğme ve bağlantılara hangi örneği ayıracağınızı tam görürsünüz. Bölünmüş, triadik, tetradik ve kare dönüşler armoni panelinde yanında daha yumuşak ya da cesur alternatifler olarak durur.
Galeride on iki mevsimsel renk analizi sistemi yaşar — her biri on yedi palet. Ilık, soluk briefler yumuşak sonbahar paletiyle başlar; serin ve soluk olanlar yumuşak yaz paletine yönelir. Yüksek sıcaklıkta sonbahar setleri güz kampanyalarına ve gıda markalarına hizmet eder; derin kış paleti lüks ve gece için neredeyse siyah üzerinde mücevher parıltısı sunar. Açık, ılık tasarımlar açık ilkbahar paletinden, havadar minimalizm serin yaz paletinden, gösterişli koyu işler derin sonbahar paletinden beslenir. Buz gibi kontrast soğuk kış paletinin, parlak sıcaklık sıcak ilkbahar paletinin, yumuşak orta tonlar gerçek yaz paletinin, sessiz lüks nötr paletin hakkıdır. Daha geniş yaz, kış, ilkbahar ve sonbahar havaları 400+ seti tamamlar — her biri tek tıkla HEX, RGB, HSL ve OKLCH kopyasıyla.
Buraya Adobe color wheel, Adobe color picker, Canva color wheel ya da Google color picker arayarak geldiyseniz işi biliyorsunuz: tek marka rengini dengeli sete dönüştürmek. Ease Colors aynı alanı kapsar — armoniler, HEX/RGB/HSL/OKLCH kodları, görüntü örnekleme ve palet dışa aktarma — tarayıcıda ücretsiz, paylaşılabilir URL'lerle ve sizle örnekler arasında hesap olmadan. Önce klavye, ekran okuyucu etiketleri ve azaltılmış hareket modu dahildir.
Renk çemberini açın, görüntüden seçiciyi deneyin ya da 400+ renk paletine göz atın. Sıradaki paletiniz bir sürükleme uzakta.
Herhangi bir karta tıklayın. Kopyalamadan önce HEX, RGB, HSL veya OKLCH formatına geçin.
“Paylaşım bağlantısını kopyala”ya basın. URL taban renginizi, armoninizi ve parlaklığınızı kodlar.
Evet. Her HEX, token ve dışa aktarma sizindir — atıf gerekmez.
Renk çemberi, tonları ilişkiler mekansal olacak biçimde dizen dairesel bir şemadır: komşu renkler sakinleştirir, karşıtlar gerilim yaratır. Resim dersleri boya karıştırmak için kırmızı-sarı-mavi çember öğretir; ekranlar ışık karıştıran bir RGB çemberi kullanır. Tasarımcılar baz renk seçmek, armoni kurmak ve palet yerleşime girmeden kontrastı denetlemek için kullanır.
Tek baz renkle başlayın — HEX kodu yazın, sistem seçiciyi açın ya da ekranınızı örnekleyin. Analog, komplemanter ya da triadik bir armoni seçin, ardından dış halkayla parlaklığı inceltip zemin, metin ve vurgu tonlarını oturtun. Her örneği HEX, RGB, HSL ya da OKLCH kopyalayıp kodları CSS, Tailwind ya da Figma’ya yapıştırın.
Temel amacı, renk birleştirmedeki tahmini ortadan kaldırmaktır. Çiftleri göz kararı eşlemek yerine geometri okursunuz: uzaklık kontrast, yakınlık sükûnet demektir. Bu, her arayüze net hiyerarşi verir — bir baskın ton, birkaç destekçi ve ayrılmış bir vurgu — düğme, bağlantı ve başlıklar gözün beklediği yere düşer.
Tasarım literatürü genelde sekiz sayar: monokromatik (tek ton, çok parlaklık), analog (komşular), komplemanter (karşıtlar), bölünmüş-komplemanter (bir baz artı karşıtının iki komşusu), triadik (üçgen), tetradik ya da dikdörtgen (iki komplemanter çift), kare (dört köşe) ve akromatik ya da nötr (siyahlar, beyazlar, griler). Bu araç altısını doğrudan kapsar; iki ila sekiz renkli el yapımı listeler için özel mod da vardır.
Diskte nokta sürükleyin: açı tonu, merkeze uzaklık doygunluğu belirler. Ton ve doygunluğa dokunmadan parlaklık için dış halkayı sürükleyin. Kesin HEX değeri yazabilir, sistem renk kutusunu açabilir ya da ekran damlalığıyla monitörünüzde herhangi bir pikseli seçebilirsiniz — tüm yollar aynı paylaşılabilir baz renge çıkar.
Renk seçici, görsel seçimi kesin, yeniden kullanılabilir değere çevirir. Her rengi HEX, RGB, HSL ya da OKLCH kodlarıyla okur; tasarımcıyla geliştirici aynı dili konuşur: tıkladığınız, CSS, Tailwind tokenları ya da Figma stillerine giden bitle birebir aynıdır — göz kararı ton yaklaştırma bitmiştir.
Başlıca türler: çember/disk seçiciler (bakışta ton artı doygunluk), kaydırıcılı seçiciler (RGB/HSL kanalları), HEX alanları (doğrudan değer), damlalık/ekran seçiciler (monitörünüzü örnekler), görüntü seçiciler (fotoğrafta büyüteç) ve palet kitaplıkları (buradaki 400+ galeri gibi seçili setler). Bu site altısını tek akışta birleştirir.
Renk kodu, tek rengi tanımlayan metin değerdir. HEX altı onaltılık basamakla yazar (#EDEA37); RGB kırmızı, yeşil, mavi kanalları listeler; HSL ton, doygunluk, parlaklık listeler; OKLCH, eşit sayı adımlarının eşit farklı göründüğü yeni algısal biçimdir. Dördü aynı örneği tanımlar — biçim yalnızca okuma ve düzenlemeyi değiştirir.
Çember, kaydırıcı, HEX alanı ya da ekran seçiciyle renk seçin; projenizin istediği biçimde kopyalayın — web için HEX, uygulama kodu için RGB/RGBA, hızlı ayar için HSL, algısal düzgünlük için OKLCH. Değeri stil sayfanıza, Tailwind yapılandırmanıza ya da tasarım aracınıza yapıştırın; bağlantıyı saklayın, kesin renk sonra tek tık uzakta olsun.
Renk paleti, ürünün tüm yüzeylerini aynı görsel dilde tutar. Rol dağıtır — zemin, metin, vurgular, durumlar — arayüzler rastgele örnek yığını değil tutarlı hissettirir. İyi palet kontrast ve hiyerarşiyi baştan gömer: daha az okunur düzeltmesi, daha güçlü tanınır marka.
Yaygın türler: çember geometrili monokromatik, analog, komplemanter paletler; enerjili pastel ve neon paletler; ten alt tonuna göre mevsimsel paletler (yumuşak sonbahardan nötre); kurumsal renklere kilitli marka paletleri; fotoğraflardan örnekli çıkarılmış paletler. Buradaki galeri hepsini barındırır — 60+ kategoride 400+ set.
Havaya uyan tek baz renkle başlayın — ılık ve soluk, serin ve havadar ya da koyu ve dramatik. Armoniyle genişletin, sonucu kullanıcıların göreceği gibi sınayın: gövde metni kontrastı, düğme vurguları, protanopi/döteranopi/tritanopi renk körlüğü simülasyonu. Üçünü de geçerse bağlantıyı paylaşıp yayınlayın.