Web sitesi renk şeması oluşturucu
Marka renginizden eksiksiz açık ve koyu tema.
Marka renginizi seçin ve bir web sitesi ya da uygulama için hazır renk şeması alın: tonlanmış arka planlar ve yüzeyler, kenarlıklar, metin ve soluk metin, okunur kalacak şekilde ayarlanan bir ana renk ve uyumlu bir vurgu — hem açık hem koyu tema için. Canlı önizleme metin ve düğmeler içeren bir kart gösterir; tüm şema, koyu temanın sistem ayarını izlediği CSS değişkenleri olarak kopyalanmaya hazırdır.
web sitesi renk şeması oluşturmak nasıl yapılır
- Adım 1
Marka renginizi seçin.
- Adım 2
Açık ve koyu önizlemeleri kontrol edin.
- Adım 3
CSS değişkenlerini kopyalayın.
Neden PhotoTools
Açık ve koyu
Aynı anda iki uyumlu tema.
Baştan okunur
Ana renk ve vurgu en az 3:1 kontrastta.
Koda hazır
Koyu modlu CSS değişkenleri.
Desteklenen formatlar
Çıktı
- CSS
Sık sorulan sorular
Ana renk neden benimkinden biraz farklı?
Renginiz arka plana göre çok açık veya çok koyuysa, 3:1 kontrasta ulaşıp düğmelerin görünür kalması için yalnızca gerektiği kadar kaydırılır.
CSS’i nasıl kullanırım?
Stil dosyanıza yapıştırın ve değişkenleri kullanın, örneğin background: var(--color-primary). Koyu tema sistem ayarına göre değişir.
Bu ücretsiz mi?
Evet. PhotoTools’un tarayıcı araçları ücretsizdir, sınır yoktur ve hesap gerekmez.
Resimlerim bir sunucuya yükleniyor mu?
Hayır. Bu araç WebAssembly sayesinde tamamen tarayıcınızda çalışır. Resimleriniz cihazınızdan asla çıkmaz ve hiçbir şey saklanmaz.