【iOS13】Dark Mode対応のシステム定義カラー色見本

Dark Modeに対応しているシステム定義カラーの色見本があったら便利だなと思ったので作りました。

同じ色のLight Mode / Dark Modeを左右に並べています。
上段にLight Text（白）、下段にDark Text（黒）の文字を表示しているので、見え方の参考にしてください。

Dark Mode対応のやり方についてはこちら。

Standard Colors

AppleのリファレンスにStandard Colorsとして記載されているDark Mode対応カラーです。

"systemBlue"〜"systemGray"はこうやって見比べないとわからないくらいの違いですが、Dark Modeの方がやや明るいですね。

UI Element Colors

AppleのリファレンスにUI Element Colorsとして記載されているDark Mode対応カラーです。

Light Modeではほぼ同じ色でもDark Modeでは違う色になる場合もあるんですね。適当に「薄いグレーだからこれでいいや」で選ばないようにしないと。

ソースコード

画像化した際に色が変わっている可能性もあるので、自分の端末で確認したい場合は以下のサンプルソースをどうぞ。 github.com