配色はポスターデザインやネイルアートなどあらゆる場面で、デザインのスタイルを確立する大切な要素の一つです。
しかし、カラーパレットは無限にあるので、色彩設計に時間がかかる方も多いのではないでしょうか。
そこで、今回は絵描きやグラフィックデザイナーなどの視覚を用いる職業の方に向けて、Iphoneの写真を元に作った色彩チャートを31枚一覧にして公開いたしました！
紹介するのは3色の色サンプルですが、その中からお好きな色のみを選ぶことで、様々な組み合わせの配色バランスをご利用いただけます。
すべて商用利用無料ですので、デザインや色塗りの参考にお使いください。
それでは、紹介していきます！
Iphoneのカラーチャート
カラーコード : #83807B #090B0A #8D7342
色の名前 : モスグレイ, ブラック, ろこうちゃ
色の説明 : ダークな黄色, 大人っぽい無彩色, くすんだ橙色
RGB : R:131,G:128,B:123 / R:9,G:11,B:10 / R:141,G:115,B:66
CMYK : C:0,M:2,Y:6,K:49 / C:18,M:0,Y:9,K:96 / C:0,M:18,Y:53,K:45
キーワード : Iphone, アップル, Iphone 6 S, 電話, スマート フォン, 携帯電話, 指紋リーダー
モバイルの色彩組み合わせ
カラーコード : #E9E9E9 #DDDDDD #EBEBEB
色の名前 : かいはくしょく, かいはくしょく, かいはくしょく
色の説明 : 薄い無彩色, 薄い無彩色, 薄い無彩色
RGB : R:233,G:233,B:233 / R:221,G:221,B:221 / R:235,G:235,B:235
CMYK : C:0,M:0,Y:0,K:9 / C:0,M:0,Y:0,K:13 / C:0,M:0,Y:0,K:8
キーワード : モバイル, Iphone, アップル, スマート フォン, 技術, モックアップ, フォト ショップ
モバイルの配色まとめ
カラーコード : #C2D7DA #D5C4C8 #9793A1
色の名前 : アクア, フレッシュピンク, うすねず
色の説明 : 軽い青緑色, 軽い赤色, やや灰色い紫色
RGB : R:194,G:215,B:218 / R:213,G:196,B:200 / R:151,G:147,B:161
CMYK : C:11,M:1,Y:0,K:15 / C:0,M:8,Y:6,K:16 / C:6,M:9,Y:0,K:37
キーワード : モバイル, 銀河, Iphone, サムスン, アップル, スマート フォン
Iphoneの配色見本
カラーコード : #A98B75 #4E401F #A47C2D
色の名前 : コルク, けんぽういろ, マスタード
色の説明 : 灰みの橙色, 黄色, 深い黄色
RGB : R:169,G:139,B:117 / R:78,G:64,B:31 / R:164,G:124,B:45
CMYK : C:0,M:18,Y:31,K:34 / C:0,M:18,Y:60,K:69 / C:0,M:24,Y:73,K:36
キーワード : Iphone, Iphone 7, Iphone 7プラス, アップル, アップルのIphone
ペンの配色バランス
カラーコード : #150F0E #62AAAB #080403
色の名前 : ランプブラック, みずあさぎ, ぬれがらす
色の説明 : 赤色, 穏やかな青緑色, 派手な黄色
RGB : R:21,G:15,B:14 / R:98,G:170,B:171 / R:8,G:4,B:3
CMYK : C:0,M:29,Y:33,K:92 / C:43,M:1,Y:0,K:33 / C:0,M:50,Y:63,K:97
キーワード : ペン, Iphone, 情報, モバイル, ニュースレター, 女の子, 魚, 釣り, 水, 黒魚, 黒帯
写真の配色まとめ
カラーコード : #9FA0A0 #999391 #121314
色の名前 : アッシュグレイ, 茶鼠, ブラック
色の説明 : やや灰色い無彩色, やや灰色い赤色, 青紫色
RGB : R:159,G:160,B:160 / R:153,G:147,B:145 / R:18,G:19,B:20
CMYK : C:1,M:0,Y:0,K:37 / C:0,M:4,Y:5,K:40 / C:10,M:5,Y:0,K:92
キーワード : 写真, 犬, Iphone, Iphone 5, バセットハウンド, Cofap, ブラック
アップル ウォッチのカラー一覧
カラーコード : #9D9D9D #7A959F #868686
色の名前 : アッシュグレイ, シャドウブルー, バトルシップグレイ
色の説明 : 淡い無彩色, 灰みの青色, 薄い無彩色
RGB : R:157,G:157,B:157 / R:122,G:149,B:159 / R:134,G:134,B:134
CMYK : C:0,M:0,Y:0,K:38 / C:23,M:6,Y:0,K:38 / C:0,M:0,Y:0,K:47
キーワード : アップル ウォッチ, アップル, ガジェット, 技術, 時計, Iphone, モバイル, 近代的な, 電子
アップルの色サンプル
カラーコード : #F2F2F4 #0E080B #FEFEFE
色の名前 : ラベンダーアイス, ブラック, スノーホワイト
色の説明 : ペールな青紫色, 赤色, 無彩色
RGB : R:242,G:242,B:244 / R:14,G:8,B:11 / R:254,G:254,B:254
CMYK : C:1,M:1,Y:0,K:4 / C:0,M:43,Y:21,K:95 / C:0,M:0,Y:0,K:0
キーワード : アップル, Iphone, 携帯電話
Iphoneの色見本帳
カラーコード : #2F2B29 #8395A3 #302E2D
色の名前 : くろ, 水浅葱, 墨
色の説明 : 円熟した赤色, 淡い青色, 円熟した無彩色
RGB : R:47,G:43,B:41 / R:131,G:149,B:163 / R:48,G:46,B:45
CMYK : C:0,M:9,Y:13,K:82 / C:20,M:9,Y:0,K:36 / C:0,M:4,Y:6,K:81
キーワード : Iphone, Iphone 6, Iphone 6 プラス, Iphone 6S, アップル, 電話
インターホンの配色組み合わせ
カラーコード : #C0CEDE #9E201D #948A83
色の名前 : ファウンテンブルー, ディープレッド, ローズグレイ
色の説明 : 軽い青紫色, 深い赤色, やや灰色い橙色
RGB : R:192,G:206,B:222 / R:158,G:32,B:29 / R:148,G:138,B:131
CMYK : C:14,M:7,Y:0,K:13 / C:0,M:80,Y:82,K:38 / C:0,M:7,Y:11,K:42
キーワード : インターホン, Uniphone, Home駅, 海, ビーチ, 砂, 地平線, 根、, 砂丘
細胞の色サンプル
カラーコード : #05040A #262741 #07060C
色の名前 : ブラック, 鉄紺, ブラック
色の説明 : 暗い無彩色, 青紫色, 青紫色
RGB : R:5,G:4,B:10 / R:38,G:39,B:65 / R:7,G:6,B:12
CMYK : C:50,M:60,Y:0,K:96 / C:42,M:40,Y:0,K:75 / C:42,M:50,Y:0,K:95
キーワード : 細胞, 女性, 夜, スマート フォン, モバイル, 電話, 技術, ヤング, Iphone, Sms, 顔
デスクの色彩テーマ
カラーコード : #B29885 #292226 #9C7B5B
色の名前 : ちゃねず, ろいろ, コルク
色の説明 : 地味な橙色, 暗い紫色, ダルな橙色
RGB : R:178,G:152,B:133 / R:41,G:34,B:38 / R:156,G:123,B:91
CMYK : C:0,M:15,Y:25,K:30 / C:0,M:17,Y:7,K:84 / C:0,M:21,Y:42,K:39
キーワード : デスク, 仕事, クローズ アップ, ディスプレイ, エレクトロニクス, Iphone 6, 近代的な
電話の色組み合わせ
カラーコード : #A8ABAE #3D4045 #676160
色の名前 : ストームグレイ, チャコールグレイ, スレートグレイ
色の説明 : ペールな青紫色, 暗い青紫色, 大人っぽい赤色
RGB : R:168,G:171,B:174 / R:61,G:64,B:69 / R:103,G:97,B:96
CMYK : C:3,M:2,Y:0,K:32 / C:12,M:7,Y:0,K:73 / C:0,M:6,Y:7,K:60
キーワード : 電話, 携帯電話, モバイル, スマート フォン, Iphone, 技術, 通信, 呼び出す, 画面, 携帯
モバイルの配色イメージ
カラーコード : #FFFFFF #ECCBB8 #FAD7CA
色の名前 : スノーホワイト, ピーチ, シェルピンク
色の説明 : 無彩色, おとなしい赤色, ペールな橙色
RGB : R:255,G:255,B:255 / R:236,G:203,B:184 / R:250,G:215,B:202
CMYK : C:0,M:0,Y:0,K:0 / C:0,M:14,Y:22,K:7 / C:0,M:14,Y:19,K:2
キーワード : モバイル, 手, スマート フォン, 電話, Iphone, 技術, 写真, ビジネス, 入力, 携帯電話
Iphoneの色一覧
カラーコード : #BFB9B1 #1A191B #BDBCBA
色の名前 : パールグレイ, ランプブラック, パールグレイ
色の説明 : やや灰色い橙色, 暗い無彩色, 薄い黄色
RGB : R:191,G:185,B:177 / R:26,G:25,B:27 / R:189,G:188,B:186
CMYK : C:0,M:3,Y:7,K:25 / C:4,M:7,Y:0,K:89 / C:0,M:1,Y:2,K:26
キーワード : Iphone, Iwatch, スマート フォン, スマートウォッチ, スマート, 時計, 画面, ホワイト
Vkの色彩見本帳
カラーコード : #623A20 #0991C6 #A3AAAF
色の名前 : セピア, ゼニスブルー, ストームグレイ
色の説明 : 深い橙色, 鮮やかな青色, 軽い青紫色
RGB : R:98,G:58,B:32 / R:9,G:145,B:198 / R:163,G:170,B:175
CMYK : C:0,M:41,Y:67,K:62 / C:95,M:27,Y:0,K:22 / C:7,M:3,Y:0,K:31
キーワード : Vk, Vkontakte, Iphone, Iphone8
モバイルの配色まとめ
カラーコード : #7B7A70 #5C4733 #86674A
色の名前 : 利休鼠, バーントアンバー, くちば
色の説明 : 暗い黄色, 円熟した橙色, 円熟した橙色
RGB : R:123,G:122,B:112 / R:92,G:71,B:51 / R:134,G:103,B:74
CMYK : C:0,M:1,Y:9,K:52 / C:0,M:23,Y:45,K:64 / C:0,M:23,Y:45,K:47
キーワード : モバイル, Iphone, アップル, 5 S, イオス, ハニカム, データ
携帯電話の色見本帳
カラーコード : #E5E9EC #8AB6CA #E8ECEE
色の名前 : シルバーピンク, 白群（びゃくぐん）, フロスティグレイ
色の説明 : 淡い青紫色, 地味な青色, やや灰色い青緑色
RGB : R:229,G:233,B:236 / R:138,G:182,B:202 / R:232,G:236,B:238
CMYK : C:3,M:1,Y:0,K:7 / C:32,M:10,Y:0,K:21 / C:3,M:1,Y:0,K:7
キーワード : 携帯電話, Iphone, スマート フォン, アップル, 通信
Iphoneのカラーコンビネーション
カラーコード : #131313 #424148 #908E8B
色の名前 : ブラック, チャコールグレイ, ストーングレイ
色の説明 : 大人っぽい無彩色, 暗い青紫色, 軽い黄色
RGB : R:19,G:19,B:19 / R:66,G:65,B:72 / R:144,G:142,B:139
CMYK : C:0,M:0,Y:0,K:93 / C:8,M:10,Y:0,K:72 / C:0,M:1,Y:3,K:44
キーワード : Iphone, 林檎, スマートフォン, モバイル, 火災, Iphonex, Iphone11, 携帯電話
Apple Iphone7の色彩サンプル
カラーコード : #FFFFFF #F16F2B #FFFFFF
色の名前 : スノーホワイト, イエローレッド, スノーホワイト
色の説明 : 無彩色, ビビッドな橙色, 無彩色
RGB : R:255,G:255,B:255 / R:241,G:111,B:43 / R:255,G:255,B:255
CMYK : C:0,M:0,Y:0,K:0 / C:0,M:54,Y:82,K:5 / C:0,M:0,Y:0,K:0
キーワード : Apple Iphone7, ブラック, ビジネス, セル, 携帯電話, 通信, コンピュータ, デジタル
花のカラーイメージ
カラーコード : #707B80 #C42F23 #2D2115
色の名前 : なまりいろ, こきひ, てつぐろ
色の説明 : ダークな青紫色, 鮮やかな赤色, 橙色
RGB : R:112,G:123,B:128 / R:196,G:47,B:35 / R:45,G:33,B:21
CMYK : C:12,M:4,Y:0,K:50 / C:0,M:76,Y:82,K:23 / C:0,M:27,Y:53,K:82
キーワード : 花, 赤, 黄色, オフィス, ブルーム, Iphone
鉄道の色サンプル
カラーコード : #192731 #D9E1DF #182831
色の名前 : 鉄紺, ムーングレイ, 鉄紺
色の説明 : 青色, 軽い青緑色, 青色
RGB : R:25,G:39,B:49 / R:217,G:225,B:223 / R:24,G:40,B:49
CMYK : C:49,M:20,Y:0,K:81 / C:4,M:0,Y:1,K:12 / C:51,M:18,Y:0,K:81
キーワード : 鉄道, Iphone, スマート フォン, 移動, 青電話, 青いモバイル, ブルートレイン
Iphoneの色見本帳
カラーコード : #E8E8E8 #69645B #D3D2D2
色の名前 : かいはくしょく, オリーブドラブ, スカイグレイ
色の説明 : 淡い無彩色, 円熟した黄色, ペールな無彩色
RGB : R:232,G:232,B:232 / R:105,G:100,B:91 / R:211,G:210,B:210
CMYK : C:0,M:0,Y:0,K:9 / C:0,M:5,Y:13,K:59 / C:0,M:0,Y:0,K:17
キーワード : Iphone, 携帯電話, スマート フォン, アップル, ボード
モバイルの色組み合わせ
カラーコード : #060000 #295172 #EFC7C2
色の名前 : ブラック, マリンブルー, ときいろ
色の説明 : 鮮やかな赤色, 和風の青紫色, 薄い赤色
RGB : R:6,G:0,B:0 / R:41,G:81,B:114 / R:239,G:199,B:194
CMYK : C:0,M:100,Y:100,K:98 / C:64,M:29,Y:0,K:55 / C:0,M:17,Y:19,K:6
キーワード : モバイル, スマート フォン, 携帯, 携帯電話, 技術, Iphone, インターネット, デジタル, 画面
画面のカラー見本
カラーコード : #7AC3EE #02131E #54B3EA
色の名前 : あまいろ, ミッドナイトブルー, シアン
色の説明 : 柔らかい青紫色, 派手な青紫色, ブライトな青紫色
RGB : R:122,G:195,B:238 / R:2,G:19,B:30 / R:84,G:179,B:234
CMYK : C:49,M:18,Y:0,K:7 / C:93,M:37,Y:0,K:88 / C:64,M:24,Y:0,K:8
キーワード : 画面, Iphone, バッテリー
スマート フォンの配色パレット
カラーコード : #23728A #9B8F7F #173132
色の名前 : ピーコックブルー, ローズグレイ, 鉄色
色の説明 : ディープな青色, 薄い黄色, 青緑色
RGB : R:35,G:114,B:138 / R:155,G:143,B:127 / R:23,G:49,B:50
CMYK : C:75,M:17,Y:0,K:46 / C:0,M:8,Y:18,K:39 / C:54,M:2,Y:0,K:80
キーワード : スマート フォン, アプリケーション, Iphone, オフィス, 携帯, 技術, 携帯電話, インターネット
Iphoneの配色バランス
カラーコード : #7B7B7B #7E328E #BEBEC2
色の名前 : 灰色, ロイヤルパープル, マーブルグレイ
色の説明 : ダークな無彩色, ディープな紫色, 軽い無彩色
RGB : R:123,G:123,B:123 / R:126,G:50,B:142 / R:190,G:190,B:194
CMYK : C:0,M:0,Y:0,K:52 / C:11,M:65,Y:0,K:44 / C:2,M:2,Y:0,K:24
キーワード : Iphone, アップル, 携帯電話, 電話, セル, エレクトロニクス, スマートフォン, スマート フォン
Iphoneレンズの色彩見本帳
カラーコード : #A88959 #484851 #302E33
色の名前 : くわぞめ, チャコールグレイ, 墨
色の説明 : 鈍い橙色, 暗い青紫色, 円熟した無彩色
RGB : R:168,G:137,B:89 / R:72,G:72,B:81 / R:48,G:46,B:51
CMYK : C:0,M:18,Y:47,K:34 / C:11,M:11,Y:0,K:68 / C:6,M:10,Y:0,K:80
キーワード : Iphoneレンズ, 携帯電話レンズ, アップル, 携帯電話, レンズ, Iphone7プラス
Iphoneの色彩パターン
カラーコード : #6F2A09 #61ADCB #3D2114
色の名前 : くりいろ, 新橋色, くろちゃ
色の説明 : 派手な橙色, 穏やかな青色, ディープな赤色
RGB : R:111,G:42,B:9 / R:97,G:173,B:203 / R:61,G:33,B:20
CMYK : C:0,M:62,Y:92,K:56 / C:52,M:15,Y:0,K:20 / C:0,M:46,Y:67,K:76
キーワード : Iphone, Iphone 4, 電話, ブラック, セル, 携帯電話, スマートフォン
Iphoneの色彩見本帳
カラーコード : #949087 #070705 #A3978C
色の名前 : ちゃねず, ブラック, ちゃねず
色の説明 : 軽い橙色, ダークな無彩色, 淡い橙色
RGB : R:148,G:144,B:135 / R:7,G:7,B:5 / R:163,G:151,B:140
CMYK : C:0,M:3,Y:9,K:42 / C:0,M:0,Y:29,K:97 / C:0,M:7,Y:14,K:36
キーワード : Iphone, 6, 6S, 手, 電話, 女の子, アップル, 壁, イオス, ハニカム, データ
モバイルのカラーイメージ
カラーコード : #8E7873 #799896 #54453B
色の名前 : フォーン, みずあさぎ, 焦茶
色の説明 : 濁った赤色, 地味な青緑色, ダークグレイッシュな橙色
RGB : R:142,G:120,B:115 / R:121,G:152,B:150 / R:84,G:69,B:59
CMYK : C:0,M:15,Y:19,K:44 / C:20,M:0,Y:1,K:40 / C:0,M:18,Y:30,K:67
キーワード : モバイル, 電話, 携帯電話, スナップショット, 写真撮影, 手, 風景, スマート フォン, Iphone
まとめ
以上、カラー組み合わせ31選でした。
紹介した配色デザインは全て当サイトオリジナルのものなので、カラーコードをコピーしてデザインやイラストの参考などにご自由にお使いください。ただし、画像そのものの無断転載や二次配布はご遠慮ください。
今後も配色パターンを、定期的に無料で公開していきますので、もしも気に入っていただけましたら、ブックマークやSNSでシェアなどしていただけるととても嬉しいです！
それでは、最後までご閲覧いただき誠にありがとうございました！