KakaoTalk içinde oturum açma ve dosya kaydetme engellidir. Tüm özellikleri kullanmak için sayfayı Safari ile açın.
LINE içinde oturum açma ve dosya kaydetme engellidir. Tüm özellikleri kullanmak için sayfayı Safari ile açın.
Menü (⋯) düğmesine dokunup bu sayfayı Safari veya Chrome'da açın. Oturumu orada açabilirsiniz.
Bir rengi açıktan koyuya tam 50-900 ölçeğine dönüştürün.
Bir renk seçin, Çalıştır'a basın, ölçekler burada birikir.
HEX, RGB ve HSL renk kodları arasında dönüştürün (#6D28D9 → RGB).
İki veya daha fazla renkten bir gradyan oluşturun, CSS'ini kopyalayın.
Metin ve arka plan renklerinizin WCAG erişilebilirlik kontrast seviyelerini geçip geçmediğini kontrol edin.
Tek bir ana renginiz olduğunda ve Tailwind veya Material'deki 50-900 ölçeği gibi açıklık dereceli belirteçlere ihtiyacınız olduğunda bunu kullanın. Tek bir hex değerinden o tür bir ölçeği otomatik olarak oluşturur, bir tasarım sistemi taslağına koymaya hazır.
Bir çubuk veya halka grafiği renk tonunu değiştirmeden marka renginizde birkaç segmente ihtiyaç duyduğunda, ölçekten adımlar alın — aynı ton ve doygunluk, sadece farklı açıklık — grafik bir gökkuşağı yerine tutarlı tek bir renk hikayesi gibi okunur.
Temel renginizin yanındaki adımı üzerine gelme için, daha aşağıdaki daha koyu bir adımı basılı/aktif durum için kullanın. Durum renklerini elle tahmin etmekten kurtarır — zaten ölçekte hazır bekliyorlar.
Renk seçiciden bir temel renk seçin veya bir hex değeri yazın.
Bir hassasiyet seçin — 9, 10 veya 12 adım.
Açıklık ölçeğini oluşturmak için Çalıştır'a tıklayın.
O adımın hex değerini anında kopyalamak için bir adımdaki herhangi bir renk çubuğuna tıklayın.
Araç, ölçeği oluşturmadan önce doygunluğu %12 ile %90 arasına sıkıştırır. Neredeyse beyaz bir pastel veya tamamen doygun bir ana renk verin, ortaya çıkan tonlar yazdığınız renkten belirgin şekilde daha fazla veya daha az doygun çıkabilir.
Her adım aynı ton ve doygunluğu korur, yalnızca HSL açıklık değeri değişir, bu yüzden adımlar arasındaki algılanan kontrast göze mükemmel eşit gelmez. Görsel olarak tekdüze bir aralığa ihtiyacınız varsa, yalnızca sayılara güvenmek yerine orta adımları tekrar kontrol edin.
Bu iki adım 9 veya 10 adımlı hazır ayarlarda yoktur — mevcut açık ve koyu uçlar arasında otururlar. İnce bir kenarlık rengi veya çevresindeki adımdan biraz daha koyu olması gereken bir karanlık mod arka planı gibi daha ince kontrole ihtiyacınız olduğunda 12 adımlı ölçeğe başvurun.