Ana Sayfa
Renk Araçları
iOS ve Android Sistem Renkleri

iOS ve Android Sistem Renkleri iOS İnsan Arayüzü ve Android Material Design için sistem renklerini keşfedin.

🎨

iOS ve Android Sistem Renkleri

iOS İnsan Arayüzü ve Android Material Design için sistem renklerini keşfedin.

Platform Seç

iOS (İnsan Arayüzü) veya Android (Material 3)'i seçin.

Görünümü Değiştir

iOS için, açık ve koyu mod renkleri arasında geçiş yapın.

Renkleri Kopyala

Herhangi bir sistem renginin HEX kodunu kopyalayın.

Loading tool...

What Is iOS ve Android Sistem Renkleri?

Bu araç, iOS ve Android sistem renkleri için eksiksiz bir referans sağlar - Apple ve Google'un yerel uygulamalar oluşturmak için önerdiği önceden tanımlanmış renkler. iOS sistem renkleri, Apple'ın İnsan Arayüzü Kılavuzları (HIG) ile uyumlu çalışır ve systemBlue, systemRed ve systemGray varyantları gibi anlamsal olarak adlandırılmış renkler içerir; her biri ayrı aydınlık ve koyu mod değerlerine sahiptir. Android renkleri, Material Design 3 (Material You) tasarım tokenlerini takip eder; bunlar Birincil, İkincil, Üçüncül, Hata ve Yüzey renklerini içerir. Platform sistem renklerini kullanmak, uygulamanızın yerel hissetmesini sağlar, görünüm modlarına (aydınlık/koyu) uyar ve her platform tarafından belirlenen erişilebilirlik standartlarını korur. Bu referans, geliştiricilerin belgeleri araştırmaktan kurtarır ve Apple ile Google'un belirttiği kesin renk değerlerini kullanmalarını sağlar.

Why Use iOS ve Android Sistem Renkleri?

Açık ve koyu mod varyantları ile tam iOS sistemi renkleri
Android geliştirme için Material 3 tasarım tokenları
Yerel uygulama görünümü ve hissi için resmi platform renkleri
iOS'ta açık ve koyu mod arasında geçiş yapma (iOS)
Her rengin bir tıklamayla kopyalanması

Common Use Cases

iOS Geliştirme

Swift/SwiftUI geliştirmesi için kesin sistem renk değerlerine başvurun.

Android Geliştirme

Kotlin/Jetpack Compose için Material 3 renk token değerlerini bulun.

Çoklu Platform Tasarımı

Çoklu platform uygulamaları tasarlanırken iOS ve Android sistem renklerini karşılaştırın.

Figma/Sketch Kütüphaneleri

Tasarım aracı kütüphanelerini doğru platform sistem renkleri ile kurun.

Technical Guide

iOS sistem renkleri, otomatik olarak aydınlık ve koyu görünümler arasında uyum sağlayan anlamsal renklerdir. Örneğin, systemBlue rengi aydınlık modda #007AFF, koyu modda ise #0A84FF'dir - görsel baskınlığı korumak için slightly daha açık bir tonudur. Renk değerleri, Apple'ın UIKit (UIColor) ve SwiftUI (Color) çerçevelerinde tanımlanmıştır. Android Material 3, Birincil, İkincil, Üçüncül renkler için token tabanlı bir sistem kullanır; Surface ve Background konteynırlar için, On-* varyantları ise bu yüzeylerdeki içerik için kullanılır. Material 3 tokenleri, Material You sistemi aracılığıyla kullanıcı duvar kağıtlarından dinamik renk oluşturma ile çalışmak üzere tasarlanmıştır. Her iki platform da, algılanan parlaklık ve kendi koyu arka plan renklerine karşı kontrastı optimize etmek için slightly farklı renkler seçer.

Tips & Best Practices

1
iOS sistemi renkleri kodda otomatik olarak uyarlanır - UIColor.systemBlue yerine sabit HEX kullanmayın
2
Android Material 3 tokenları, Jetpack Compose'da MaterialTheme aracılığıyla kullanılmalıdır
3
Koyu mod renkleri, koyu arka planlarda görsel ağırlığı korumak için açık moda göre slightly daha açık renklere sahiptir
4
Otomatik koyu mod desteği için semantik adlar (sistem renkleri) kullanın, sabit değerler yerine
5
iOS'da altı farklı gri seviyesi (systemGray'den systemGray6'ya) vardır ve bunlar farklı hiyerarşi düzeylerinde kullanılır

Related Tools

HEX'ten RGB'ye Dönüştürücü

HEX renk kodlarını anında RGB değerlerine dönüştürün ve canlı önizleme swatch'i ile birlikte kullanın.

🎨 Color Tools

Renk Seçici

HEX, RGB, HSL ve CMYK çıktıları ile etkileşimli renk seçici.

🎨 Color Tools

Contrast Oranı Kontrolü

Ön plan ve arka plan renkleri arasındaki WCAG kontrast oranlarını kontrol edin.

🎨 Color Tools

Marka Renk Paletleri

50'den fazla popüler marka ve teknoloji şirketinin resmi renk paletlerini keşfedin.

🎨 Color Tools

Material Tasarım Renkleri

Tüm gölgeleri ve vurgulamaları ile Material Design renk paletini keşfedin.

🎨 Color Tools

Frequently Asked Questions

Q Koyu mod renkleri neden açık moda göre farklıdır?

Koyu mod renkleri, koyu arka planlarda görsel ağırlık ve okunabilirliği korumak için ayarlanır. Açık mod renklerini basitçe tersine çevirmek iyi sonuçlar vermez çünkü insan algısı doğrusal değildir.

Q Bu kesin HEX değerlerini yerel kodda kullanmalı mıyım?

Görünüm değişikliklerini otomatik olarak işleyen platform API'larını (UIColor.systemBlue, MaterialTheme.colorScheme.primary) tercih edin. Bu HEX değerlerini tasarım araçları ve referans için kullanın.

Q Bu renkler en son OS sürümleri ile uyumlu mudur?

Standart platform renklerini temsil ederler. Apple ve Google, yeni OS sürümlerinde bazen değerleri ayarlar. Üretim uygulamaları için her zaman en son SDK belgelerine karşı doğrulayın.

About This Tool

iOS ve Android Sistem Renkleri is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.