Sıkça Sorulan Sorular

CSS gradient, renk paleti ve erişilebilirlik hakkında merak ettikleriniz. Detaylı rehberler için Rehber sayfamızı, gradient oluşturmak için Araç sayfamızı ziyaret edin.

• + CSS gradient nedir?
  CSS gradient, iki veya daha fazla rengin yumuşak geçişlerle birleştiği arka plan efektidir. background veya background-image özelliği ile uygulanır. Linear (doğrusal), radial (ışınsal) ve conic (konik) olmak üzere üç ana türü vardır. Butonlar, hero bölümleri ve arka planlarda sıkça kullanılır.
• + Linear, radial ve conic gradient arasındaki fark nedir?
  Linear gradient renkleri düz bir çizgi boyunca geçirir (örn. soldan sağa). Radial gradient merkezden dışa doğru daire veya elips şeklinde yayılır. Conic gradient merkez etrafında açısal olarak (saat yönünde) geçiş yapar. Her biri farklı görsel etkiler için uygundur.
• + Gradient'e birden fazla renk durağı nasıl eklenir?
  CSS gradient sözdiziminde color-stop değerleri virgülle ayrılarak eklenir. Her renk için rgba(255,0,0) 0%, blue 50%, green 100% gibi konum belirtebilirsiniz. Yüzde veya piksel ile konum tanımlanabilir. Araç sayfamızda görsel olarak durakları ekleyebilirsiniz.
• + Gradient CSS kodunu nasıl kopyalarım?
  Araç sayfamızda oluşturduğunuz gradient'in altındaki CSS bloğunda "Kopyala" butonuna tıklayın. background veya background-image özelliği panoya kopyalanır. Alternatif olarak kodu manuel seçip Ctrl+C (veya Cmd+C) ile kopyalayabilirsiniz.
• + Palet oluşturucu nasıl çalışır?
  Tek bir ana renk seçtiğinizde araç, o renkten otomatik tints (açık tonlar) ve shades (koyu tonlar) üretir. HSL değerlerini değiştirerek beyaza veya siyaha yaklaştırarak palet oluşturulur. HEX, RGB ve Tailwind formatlarında dışa aktarım desteklenir.
• + Tints ve shades arasındaki fark nedir?
  Tint, renge beyaz eklenerek elde edilen açık tonlardır. Shade ise renge siyah eklenerek elde edilen koyu tonlardır. Tintler yumuşak ve ferah görünüm verir; shades derinlik ve kontrast sağlar. Her ikisi de tutarlı palet oluşturmak için kullanılır.
• + Tamamlayıcı (complementary) renkler ne demek?
  Tamamlayıcı renkler renk çarkında karşı karşıya duran renklerdir. Örneğin kırmızı-yeşil, mavi-turuncu. Birlikte kullanıldığında yüksek kontrast ve dikkat çekici kombinasyonlar oluşturur. CTA butonları ve vurgu alanları için idealdir.
• + Analog renkler ne demek?
  Analog renkler renk çarkında yan yana duran renklerdir. Örneğin sarı, turuncu-sarı ve turuncu. Uyumlu ve doğal geçişler sağlar; genelde göze daha yumuşak gelir. Gradient arka planlarda sıkça tercih edilir.
• + WCAG kontrast oranı nedir?
  WCAG (Web İçerik Erişilebilirlik Kılavuzu) metin ile arka plan arasındaki kontrast oranını tanımlar. AA standardı normal metin için 4.5:1, büyük metin için 3:1 önerir. AAA daha yüksek oranlar gerektirir. Görme engelli kullanıcılar için kritiktir.
• + HEX, RGB ve HSL renk formatları nedir?
  HEX (#ff0000) onaltılık gösterimdir, web'de en yaygın kullanılır. RGB(255,0,0) kırmızı, yeşil, mavi kanallarını sayısal verir. HSL(0,100%,50%) ton, doygunluk ve parlaklık ile çalışır; programatik renk değişimi için idealdir. Araç tüm formatlar arasında dönüşüm sunar.
• + Tailwind CSS'te gradient nasıl kullanılır?
  Tailwind'de bg-gradient-to-r, bg-gradient-to-b gibi sınıflarla yön belirlenir. from-, via-, to- sınıflarıyla renk durakları eklenir. Örn: bg-gradient-to-r from-blue-500 to-purple-600. Arbitrary values ile özel gradientler de tanımlanabilir.
• + CSS değişkenleri ile tema nasıl yapılır?
  :root içinde --primary: #0077b6; gibi değişkenler tanımlanır. Tema için [data-theme='dark'] veya .dark class ile override edilir. var(--primary) ile kullanılır. Böylece tek yerden tüm renkler güncellenir.
• + Renk paletimi nasıl dışa aktarabilirim?
  Palet oluşturucuda oluşturduğunuz paleti HEX listesi, CSS değişkenleri, Tailwind config veya JSON formatında dışa aktarabilirsiniz. "Dışa Aktar" veya "Kopyala" butonları ile panoya veya dosyaya alabilirsiniz.
• + Bu araç verilerimi topluyor mu?
  Hayır. Bu araç kişisel veri toplamaz. Gradient ve palet tercihleriniz yalnızca tarayıcınızın localStorage alanında saklanır. E-posta veya kayıt gerekmez. Sitede reklamlar bulunabilir ancak kullanıcı verisi sunucuya gönderilmez.
• + Hangi tarayıcılar destekleniyor?
  CSS gradientler Chrome, Firefox, Safari, Edge gibi modern tarayıcılarda tam desteklenir. Conic gradient nispeten yenidir; IE desteklemez. Araç responsive tasarımla tüm cihazlarda çalışır.
• + Marka renkleri sayfaları ne işe yarar?
  Sektöre göre (sağlık, teknoloji, finans, lüks vb.) profesyonel renk paletleri ve gradient önerileri sunar. Kurumsal kimlik veya proje başlangıcında ilham almak için kullanılır. HEX ve CSS kodları hazır verilir.

Gradient Oluşturucu ile hemen deneyin veya Rehber sayfamızdan detaylı bilgi alın.