Skip to main content
FreeToolkit .ai

iOS & 안드로이드 시스템 색상 iOS 휴먼 인터페이스와 안드로이드 머터리얼 디자인의 시스템 색상을 살펴보세요.

iOS & 안드로이드 시스템 색상 illustration
🎨

iOS & 안드로이드 시스템 색상

iOS 휴먼 인터페이스와 안드로이드 머터리얼 디자인의 시스템 색상을 살펴보세요.

1

플랫폼 선택

iOS(Human Interface) 또는 Android(Material 3)를 선택하세요.

2

외观 전환

iOS의 경우, 라이트 모드와 다크 모드 색상을 전환합니다.

3

색상 복사

시스템 색상의 HEX 코드를 복사하세요.

Loading tool...

What Is iOS & 안드로이드 시스템 색상?

이 도구는 iOS와 Android 시스템 색상에 대한 완전한 참조를 제공합니다 - 네이티브 애플리케이션을 구축하기 위해 Apple과 Google가 추천하는 사전 정의된 색상입니다. iOS 시스템 색상은 Apple의 Human Interface Guidelines(HIG)를 따르며, systemBlue, systemRed 및 systemGray 변형과 같은 의미적으로命名 된 색상을 포함하며, 각 색상에는 별도의 밝고 어두운 모드 값이 있습니다. Android 색상은 Material Design 3(Material You) 디자인 토큰을 따르며, Primary, Secondary, Tertiary, Error 및 Surface 색상을 포함합니다. 플랫폼 시스템 색상을 사용하면 앱이 네이티브처럼 느껴지며, 외관 모드(밝기/어둡기)를 적응하고 각 플랫폼에서 설정한 접근성 표준을 유지할 수 있습니다. 이 참조는 개발자가 문서를 검색하지 않고 Apple과 Google가 지정한 정확한 색상 값을 사용하도록 합니다.

Why Use iOS & 안드로이드 시스템 색상?

  • 라이트 모드 및 다크 모드 변형을 포함한 완전한 iOS 시스템 색상
  • 안드로이드 개발을 위한 Material 3 디자인 토큰
  • 네이티브 앱의 룩앤필을 위한 공식 플랫폼 색상
  • 라이트 모드와 다크 모드 전환 (iOS)
  • 모든 색상의 한 번 클릭 복사

Common Use Cases

iOS 개발

스위프트/SwiftUI 개발을 위한 정확한 시스템 색상 값을 참조하세요.

안드로이드 개발

Jetpack Compose의 Kotlin을 위한 Material 3 색상 토큰 값을 찾으세요.

크로스 플랫폼 디자인

크로스 플랫폼 앱을 설계할 때 iOS와 안드로이드 시스템 색상을 비교하세요.

피그마/스케치 라이브러리

정확한 플랫폼 시스템 색상으로 디자인 도구 라이브러리를 설정하세요.

Technical Guide

iOS 시스템 색상은 자동으로 밝기와 어둡기 모드 사이에 적응하는 의미적인 색상입니다. 예를 들어, systemBlue는 밝은 모드에서 #007AFF이고 어두운 모드에서 #0A84FF로 약간 더 밝습니다. 이는 어두운 배경과 대비하여 시각적 우위를 유지하기 위한 것입니다. 색상 값은 Apple의 UIKit(UIColor) 및 SwiftUI(Color) 프레임워크에 정의되어 있습니다. Android Material 3는 토큰 기반 시스템을 사용합니다. Primary, Secondary, Tertiary를 주요 색상으로 사용하며, Surface와 Background를 컨테이너로 사용하고, On-* 변형은 해당 표면의 콘텐츠에 사용됩니다. Material 3 토큰는 Material You 시스템을 통해 사용자 壁紙에서 동적으로 생성되는 색상을 함께 작동하도록 설계되었습니다. 두 플랫폼 모두 각각의 어두운 배경색과 대비하여 인식된 밝기와 명도 최적화를 위해 약간 다른 색상을 어둡기 모드에 사용합니다.

Tips & Best Practices

  • 1
    iOS 시스템 색상은 코드에서 자동으로 적응합니다. UIColor.systemBlue를 사용하여 하드코딩된 HEX 대신 사용하세요
  • 2
    안드로이드 Material 3 토큰을 Jetpack Compose의 MaterialTheme를 통해 사용해야 합니다
  • 3
    다크 모드 색상은 밝은 배경에서 시각적 무게를 유지하기 위해 라이트 모드보다 약간 밝습니다
  • 4
    자동 다크 모드 지원을 위한 의미 있는 이름(시스템 색상)을 사용하여 하드코딩된 값을 피하세요
  • 5
    iOS에는 다른 계층 수준을 위한 여섯 가지 그레이 레벨(systemGray ~ systemGray6)이 있습니다

Related Tools

HEX를 RGB로 변환기 - free online tool

HEX를 RGB로 변환기

라이브 미리보기 스와치와 함께 즉시 HEX 색상 코드를 RGB 값으로 변환합니다.

🎨 Color Tools
색상 선택기 - free online tool

색상 선택기

HEX, RGB, HSL, CMYK 출력을 지원하는 상호작용 색상 선택기입니다.

🎨 Color Tools
대조비 확인기 - free online tool

대조비 확인기

전경색과 배경색 사이의 WCAG 대조비를 확인합니다.

🎨 Color Tools
브랜드 색상 팔레트 - free online tool

브랜드 색상 팔레트

50개 이상의 인기 브랜드와 기술 회사에서 공식적으로 제공하는 색상 팔레트를 탐색하세요.

🎨 Color Tools
머티리얼 디자인 색상 - free online tool

머티리얼 디자인 색상

모든 음영과 강조색을 포함한 완전한 머티리얼 디자인 컬러 팔레트를 탐색하세요.

🎨 Color Tools

Frequently Asked Questions

Q 다크 모드 색상이 라이트 모드와 다른 이유는 무엇인가요?
다크 모드 색상은 다크 배경에서 시각적 무게와 가독성을 유지하기 위해 조정됩니다. 단순히 라이트 모드 색상을 반전시키면 좋은 결과가 나오지 않습니다. 왜냐하면 인간의 밝기 인지는 비선형이기 때문입니다.
Q 네이티브 코드에서 정확한 HEX 값을 사용해야 하나요?
외관 변경을 자동으로 처리하는 플랫폼 API(UIColor.systemBlue, MaterialTheme.colorScheme.primary)를 사용하세요. 디자인 도구 및 참조용으로 HEX 값을 사용하세요.
Q 이 색상 값은 최신 OS 버전에 맞게 업데이트 되었나요?
표준 플랫폼 색상을 나타냅니다. 애플과 구글은 새로운 OS 릴리스에서 가끔 값을 조정합니다. 프로덕션 앱의 경우 항상最新 SDK 문서를 확인하세요.

About This Tool

iOS & 안드로이드 시스템 색상 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.