Warning: Use of undefined constant REQUEST_URI - assumed 'REQUEST_URI' (this will throw an Error in a future version of PHP) in /home/kenkenkenpa/starwright.net/public_html/wp-content/themes/atlas/functions.php on line 73
ウェブがモチーフの色サンプル53枚|SMALL ROAD

ウェブがモチーフの色サンプル53枚

色彩はカラーセラピーやグラフィックデザインなどあらゆる場面で、サービスの人目を引きつける不可欠な要素の一つです。

しかし、色の組み合わせは沢山あるので、色彩設計に時間がかかる方も多いのではないでしょうか。

そこで、この記事ではルームコーディネーターやルームコーディネーターなどのデザイン関係の方に向けて、ウェブがモチーフの色サンプルを53枚一覧にして無料公開いたしました!

紹介するのは5色のカラー一覧ですが、その中からお好きな色のみを使うことで、様々な組み合わせの配色サンプルをご利用いただけます。
すべて商用利用無料ですので、デザインや色塗りの参考にお使いください。

それでは、紹介していきます!

夕暮れの配色テーマ

カラーコード : #3F5573 #61788C #F2D98D #F2BF80 #59321B
色の名前 : かちいろ, 藍鼠(あいねず), ブロンド, 卵色, セピア
色の説明 : 暗い青紫色, 灰みの青紫色, ライトグレイッシュな黄色, 柔らかい橙色, 深い橙色
RGB : R:63,G:85,B:115 / R:97,G:120,B:140 / R:242,G:217,B:141 / R:242,G:191,B:128 / R:89,G:50,B:27
CMYK : C:45,M:26,Y:0,K:55 / C:31,M:14,Y:0,K:45 / C:0,M:10,Y:42,K:5 / C:0,M:21,Y:47,K:5 / C:0,M:44,Y:70,K:65
キーワード : 夕暮れ, ウッティング, 太陽, 牧歌, ウェブ

離れたの配色デザイン

カラーコード : #3D402C #734217 #BFA393 #D9C8BF #73605A
色の名前 : エボニー, 褐色, ベージュ, はいざくら, はいあか
色の説明 : 黄色, 和風の橙色, グレイッシュな橙色, 軽い橙色, 重い橙色
RGB : R:61,G:64,B:44 / R:115,G:66,B:23 / R:191,G:163,B:147 / R:217,G:200,B:191 / R:115,G:96,B:90
CMYK : C:5,M:0,Y:31,K:75 / C:0,M:43,Y:80,K:55 / C:0,M:15,Y:23,K:25 / C:0,M:8,Y:12,K:15 / C:0,M:17,Y:22,K:55
キーワード : 離れた, ブリッジ, 自然, ウェブ, 木, 歩道橋, スロープ, 山, ボードウォーク, 交差

くもの巣の色サンプル

カラーコード : #F2F2F2 #A6A6A6 #737373 #404040 #0D0D0D
色の名前 : 白, パールグレイ, はいいろ, ゆうしょく, ブラック
色の説明 : ペールな無彩色, 軽い無彩色, ダークな無彩色, 大人っぽい無彩色, 大人っぽい無彩色
RGB : R:242,G:242,B:242 / R:166,G:166,B:166 / R:115,G:115,B:115 / R:64,G:64,B:64 / R:13,G:13,B:13
CMYK : C:0,M:0,Y:0,K:5 / C:0,M:0,Y:0,K:35 / C:0,M:0,Y:0,K:55 / C:0,M:0,Y:0,K:75 / C:0,M:0,Y:0,K:95
キーワード : くもの巣, 秋, クモの巣, 自然, 露, フォレスト, ウェブ, 露の玉, Morgentau, 抽象的な

ウェブのカラーリファレンス

カラーコード : #CED3F2 #041340 #132240 #5F7343 #778C2A
色の名前 : サフランいろ, こんてつ, ミッドナイトブルー, モスグリーン, エルムグリーン
色の説明 : 軽い青紫色, 派手な青紫色, 濃い青紫色, ダークな黄緑色, 深い黄緑色
RGB : R:206,G:211,B:242 / R:4,G:19,B:64 / R:19,G:34,B:64 / R:95,G:115,B:67 / R:119,G:140,B:42
CMYK : C:15,M:13,Y:0,K:5 / C:94,M:70,Y:0,K:75 / C:70,M:47,Y:0,K:75 / C:17,M:0,Y:42,K:55 / C:15,M:0,Y:70,K:45
キーワード : ウェブ, ドリーム キャッチャー, 神秘的な, 木, 自然, 気分, 風景, 大気, フォレスト, ブランチ

Steinhuder の海のカラーバランス

カラーコード : #BF304A #183F8C #023059 #497AA6 #730303
色の名前 : 紅赤, インクブルー, こいあい, スチールブルー, マルーン
色の説明 : ディープな赤色, 派手な青紫色, 派手な青紫色, ダルな青紫色, 冴えた赤色
RGB : R:191,G:48,B:74 / R:24,G:63,B:140 / R:2,G:48,B:89 / R:73,G:122,B:166 / R:115,G:3,B:3
CMYK : C:0,M:75,Y:61,K:25 / C:83,M:55,Y:0,K:45 / C:98,M:46,Y:0,K:65 / C:56,M:27,Y:0,K:35 / C:0,M:97,Y:97,K:55
キーワード : Steinhuder の海, Mardorf, ウェブ, ボート, 帆走船, 桟橋, アンカレッジ, 水, 湖

クモの巣の色彩パターン

カラーコード : #BFC5D9 #8C3503 #A6653F #732002 #733E39
色の名前 : オーキッドグレイ, かっしょく, タン, しゃくどういろ, 海老茶
色の説明 : ペールな青紫色, 鮮やかな橙色, 和風の橙色, 派手な赤色, ダークな赤色
RGB : R:191,G:197,B:217 / R:140,G:53,B:3 / R:166,G:101,B:63 / R:115,G:32,B:2 / R:115,G:62,B:57
CMYK : C:12,M:9,Y:0,K:15 / C:0,M:62,Y:98,K:45 / C:0,M:39,Y:62,K:35 / C:0,M:72,Y:98,K:55 / C:0,M:46,Y:50,K:55
キーワード : クモの巣, 使い古された, 冷ややかな, 冬, 木材, 冷たい, 自然, 外, 茶色のウェブ

Nephilia Pelipeseの配色バランス

カラーコード : #A3BFAF #6A8C51 #7CA653 #43592D #74A629
色の名前 : ちぐさいろ, まつばいろ, リーフグリーン, せんさいちゃ, メドウグリーン
色の説明 : 薄い緑色, 穏やかな黄緑色, 鈍い黄緑色, 黄緑色, ディープな黄緑色
RGB : R:163,G:191,B:175 / R:106,G:140,B:81 / R:124,G:166,B:83 / R:67,G:89,B:45 / R:116,G:166,B:41
CMYK : C:15,M:0,Y:8,K:25 / C:24,M:0,Y:42,K:45 / C:25,M:0,Y:50,K:35 / C:25,M:0,Y:49,K:65 / C:30,M:0,Y:75,K:35
キーワード : Nephilia Pelipese, 黄金のオニグモ, クモ, 牛 Web, 昆虫, プレデター, 緑のウェブ

冬の色彩パターン

カラーコード : #D2D6D9 #A4A5A6 #262623 #40403F #737373
色の名前 : リードグレイ, パールグレイ, くろつるばみ, ゆうしょく, はいいろ
色の説明 : 薄い青緑色, やや灰色い無彩色, 円熟した黄色, 暗い無彩色, ダークな無彩色
RGB : R:210,G:214,B:217 / R:164,G:165,B:166 / R:38,G:38,B:35 / R:64,G:64,B:63 / R:115,G:115,B:115
CMYK : C:3,M:1,Y:0,K:15 / C:1,M:1,Y:0,K:35 / C:0,M:0,Y:8,K:85 / C:0,M:0,Y:2,K:75 / C:0,M:0,Y:0,K:55
キーワード : 冬, 木, ウェブ, 冷, 自然, 雪, ブリッジ, 雪の, 冷ややかです

自然の配色テーマ

カラーコード : #14261A #46592A #99A63C #828C37 #BFBBA8
色の名前 : ボトルグリーン, オリーブグリーン, 萌黄(もえぎ), エルムグリーン, 砂色
色の説明 : 緑色, 黄緑色, ディープな黄緑色, ディープな黄緑色, 淡い黄色
RGB : R:20,G:38,B:26 / R:70,G:89,B:42 / R:153,G:166,B:60 / R:130,G:140,B:55 / R:191,G:187,B:168
CMYK : C:47,M:0,Y:32,K:85 / C:21,M:0,Y:53,K:65 / C:8,M:0,Y:64,K:35 / C:7,M:0,Y:61,K:45 / C:0,M:2,Y:12,K:25
キーワード : 自然, 森, ウェブ, 露

ボードウォークの色見本

カラーコード : #89B3D9 #5D7A8C #BACDD9 #4B5916 #3C4022
色の名前 : そうしねず, 藍鼠(あいねず), パウダーブルー, オリーブグリーン, エボニー
色の説明 : グレイッシュな青紫色, 灰みの青紫色, やや灰色い青色, 濃い黄緑色, 黄色
RGB : R:137,G:179,B:217 / R:93,G:122,B:140 / R:186,G:205,B:217 / R:75,G:89,B:22 / R:60,G:64,B:34
CMYK : C:37,M:18,Y:0,K:15 / C:34,M:13,Y:0,K:45 / C:14,M:6,Y:0,K:15 / C:16,M:0,Y:75,K:65 / C:6,M:0,Y:47,K:75
キーワード : ボードウォーク, 海, ズュルト島, 水, 空, 海岸, ビーチ, 風景, ウェブ, 休日, 雲, 木

ボードウォークのカラーコード

カラーコード : #618C20 #51731F #304019 #1F2614 #D9D9D9
色の名前 : シトロングリーン, モスグリーン, せんさいちゃ, くろつるばみ, ムーングレイ
色の説明 : 和風の黄緑色, 深い黄緑色, 深い黄緑色, 黄緑色, 淡い無彩色
RGB : R:97,G:140,B:32 / R:81,G:115,B:31 / R:48,G:64,B:25 / R:31,G:38,B:20 / R:217,G:217,B:217
CMYK : C:31,M:0,Y:77,K:45 / C:30,M:0,Y:73,K:55 / C:25,M:0,Y:61,K:75 / C:18,M:0,Y:47,K:85 / C:0,M:0,Y:0,K:15
キーワード : ボードウォーク, 木製トラック, フォレスト, ムーア, マーシュ, ウェブ, 自然, 木製の橋, 離れた

キーのカラー組み合わせ

カラーコード : #568EBF #88A5BF #5496BF #A69E8F #8C7251
色の名前 : ゼニスブルー, フレンチグレイ, ヨットブルー, エレファントスキン, カフェオレ
色の説明 : 穏やかな青紫色, 濁った青紫色, 鈍い青紫色, ペールな黄色, 鈍い橙色
RGB : R:86,G:142,B:191 / R:136,G:165,B:191 / R:84,G:150,B:191 / R:166,G:158,B:143 / R:140,G:114,B:81
CMYK : C:55,M:26,Y:0,K:25 / C:29,M:14,Y:0,K:25 / C:56,M:21,Y:0,K:25 / C:0,M:5,Y:14,K:35 / C:0,M:19,Y:42,K:45
キーワード : キー, キーチェーン, 金属, グレー, 光沢のあります。, 無色, マット, ウェブデザイン, デザイン

ウェブの配色バランス

カラーコード : #A6728F #594F1C #735C32 #594827 #BF6550
色の名前 : オールドライラック, オリーブ, オリーブドラブ, けんぽういろ, テラコッタ
色の説明 : 濁った赤紫色, ディープな黄色, 暗い黄色, 黄色, ダルな赤色
RGB : R:166,G:114,B:143 / R:89,G:79,B:28 / R:115,G:92,B:50 / R:89,G:72,B:39 / R:191,G:101,B:80
CMYK : C:0,M:31,Y:14,K:35 / C:0,M:11,Y:69,K:65 / C:0,M:20,Y:57,K:55 / C:0,M:19,Y:56,K:65 / C:0,M:47,Y:58,K:25
キーワード : ウェブ, 露, クモの巣, 秋, 湿った, Morgentau, 雨滴, 露の玉, 塞ぎます, 自然, クモ

Webのカラートーン

カラーコード : #F2F2F2 #BFBFBF #8C8C8C #262626 #0D0D0D
色の名前 : 白, マーブルグレイ, アッシュグレイ, くろつるばみ, ブラック
色の説明 : 淡い無彩色, 薄い無彩色, 淡い無彩色, ダークな無彩色, 大人っぽい無彩色
RGB : R:242,G:242,B:242 / R:191,G:191,B:191 / R:140,G:140,B:140 / R:38,G:38,B:38 / R:13,G:13,B:13
CMYK : C:0,M:0,Y:0,K:5 / C:0,M:0,Y:0,K:25 / C:0,M:0,Y:0,K:45 / C:0,M:0,Y:0,K:85 / C:0,M:0,Y:0,K:95
キーワード : Web, クモの巣, 水ビーズと蜘蛛の巣, グレーのウェブ

クモのカラーイメージ

カラーコード : #172601 #A69F44 #A6904E #D9B589 #734F30
色の名前 : ボトルグリーン, ダックグリーン, マスタード, シャンパン, 茶色
色の説明 : 派手な黄緑色, ダルな黄色, 穏やかな黄色, 濁った橙色, ダークな橙色
RGB : R:23,G:38,B:1 / R:166,G:159,B:68 / R:166,G:144,B:78 / R:217,G:181,B:137 / R:115,G:79,B:48
CMYK : C:39,M:0,Y:97,K:85 / C:0,M:4,Y:59,K:35 / C:0,M:13,Y:53,K:35 / C:0,M:17,Y:37,K:15 / C:0,M:31,Y:58,K:55
キーワード : クモ, クモの巣, 昆虫, 露の玉, 自然, ウェブ, 塞ぎます

シェルの配色パターン

カラーコード : #A66D78 #C9CFF2 #402E1E #8C3737 #BFBFBF
色の名前 : オールドライラック, サフランいろ, セピア, すおう, マーブルグレイ
色の説明 : 地味な赤色, ペールな青紫色, 橙色, 深い赤色, ペールな無彩色
RGB : R:166,G:109,B:120 / R:201,G:207,B:242 / R:64,G:46,B:30 / R:140,G:55,B:55 / R:191,G:191,B:191
CMYK : C:0,M:34,Y:28,K:35 / C:17,M:14,Y:0,K:5 / C:0,M:28,Y:53,K:75 / C:0,M:61,Y:61,K:45 / C:0,M:0,Y:0,K:25
キーワード : シェル, 海, 湖, ビーチ, 魚, 釣り, 漁網, ウェブ, 休日, 泳ぐ, 貝殻, シーフード

ウェブのカラーアレンジ

カラーコード : #7A4F8C #72858C #395919 #6E8C03 #B3BF5A
色の名前 : えどむらさき, 錆浅葱, オリーブグリーン, エルムグリーン, リーフグリーン
色の説明 : くすんだ紫色, 灰みの青色, 和風の黄緑色, ビビッドな黄緑色, くすんだ黄緑色
RGB : R:122,G:79,B:140 / R:114,G:133,B:140 / R:57,G:89,B:25 / R:110,G:140,B:3 / R:179,G:191,B:90
CMYK : C:13,M:44,Y:0,K:45 / C:19,M:5,Y:0,K:45 / C:36,M:0,Y:72,K:65 / C:21,M:0,Y:98,K:45 / C:6,M:0,Y:53,K:25
キーワード : ウェブ, レース, 詳細

銀行の色見本

カラーコード : #252624 #A68C5D #D9C196 #734A3C #F2F2F2
色の名前 : くろつるばみ, あぶらいろ, レグホーン, こげちゃ, 白
色の説明 : 円熟した無彩色, くすんだ黄色, 地味な黄色, ダークな赤色, 淡い無彩色
RGB : R:37,G:38,B:36 / R:166,G:140,B:93 / R:217,G:193,B:150 / R:115,G:74,B:60 / R:242,G:242,B:242
CMYK : C:3,M:0,Y:5,K:85 / C:0,M:16,Y:44,K:35 / C:0,M:11,Y:31,K:15 / C:0,M:36,Y:48,K:55 / C:0,M:0,Y:0,K:5
キーワード : 銀行, ウェブ, ポート, 桟橋, 湖, 水, 領海, 残り, 空, リード, コンテナー, 料金, 削除

乾燥葉のカラーパレット

カラーコード : #BFBA69 #BFB47E #40240C #402319 #0D0D0D
色の名前 : まっちゃいろ, 抹茶色, くろちゃ, くろちゃ, ブラック
色の説明 : ダルな黄色, 灰みの黄色, 濃い橙色, ディープな赤色, ダークな無彩色
RGB : R:191,G:186,B:105 / R:191,G:180,B:126 / R:64,G:36,B:12 / R:64,G:35,B:25 / R:13,G:13,B:13
CMYK : C:0,M:3,Y:45,K:25 / C:0,M:6,Y:34,K:25 / C:0,M:44,Y:81,K:75 / C:0,M:45,Y:61,K:75 / C:0,M:0,Y:0,K:95
キーワード : 乾燥葉, ウェブ上の葉します, クモの巣, 葉, フロート, スリランカ, 秋, Mawanella

海のカラーコード

カラーコード : #5671A6 #758EBF #A7BDD9 #729CA6 #59422E
色の名前 : はないろ, ヒヤシンスブルー, スモークブルー, 青竹色, 焦茶
色の説明 : ダルな青紫色, 濁った青紫色, 地味な青紫色, 地味な青色, 橙色
RGB : R:86,G:113,B:166 / R:117,G:142,B:191 / R:167,G:189,B:217 / R:114,G:156,B:166 / R:89,G:66,B:46
CMYK : C:48,M:32,Y:0,K:35 / C:39,M:26,Y:0,K:25 / C:23,M:13,Y:0,K:15 / C:31,M:6,Y:0,K:35 / C:0,M:26,Y:48,K:65
キーワード : 海, 青, ウェブ, 水, 空, 休日

木の色彩パレット

カラーコード : #A0CCF2 #73563D #F2BF91 #BF784E #732002
色の名前 : 水色, バーントアンバー, シャンパン, らくだ色, しゃくどういろ
色の説明 : ライトグレイッシュな青紫色, 円熟した橙色, 明るい灰みの橙色, 穏やかな橙色, 冴えた赤色
RGB : R:160,G:204,B:242 / R:115,G:86,B:61 / R:242,G:191,B:145 / R:191,G:120,B:78 / R:115,G:32,B:2
CMYK : C:34,M:16,Y:0,K:5 / C:0,M:25,Y:47,K:55 / C:0,M:21,Y:40,K:5 / C:0,M:37,Y:59,K:25 / C:0,M:72,Y:98,K:55
キーワード : 木, 自然, 風景, 離れた, 沼, ターゲット, ウェブ, ダルス

船のカラーパレット

カラーコード : #A3B4BF #6D8C3E #384001 #A66B49 #400D01
色の名前 : うすあい, エルムグリーン, せんさいちゃ, こがれこう, ボルドー
色の説明 : 薄い青色, くすんだ黄緑色, 鮮やかな黄緑色, 穏やかな橙色, 鮮やかな赤色
RGB : R:163,G:180,B:191 / R:109,G:140,B:62 / R:56,G:64,B:1 / R:166,G:107,B:73 / R:64,G:13,B:1
CMYK : C:15,M:6,Y:0,K:25 / C:22,M:0,Y:56,K:45 / C:13,M:0,Y:98,K:75 / C:0,M:36,Y:56,K:35 / C:0,M:80,Y:98,K:75
キーワード : 船, ボート, 川, 水, ポート, ウェブ, イギリス, テムズ川

フォレストの色コード

カラーコード : #AAABBF #98D936 #677355 #9EBF56 #91A665
色の名前 : ブルーラベンダー, もえぎ, みる色, リーフグリーン, ピーグリーン
色の説明 : やや灰色い青紫色, ストロングな黄緑色, 固い黄緑色, ダルな黄緑色, グレイッシュな黄緑色
RGB : R:170,G:171,B:191 / R:152,G:217,B:54 / R:103,G:115,B:85 / R:158,G:191,B:86 / R:145,G:166,B:101
CMYK : C:11,M:10,Y:0,K:25 / C:30,M:0,Y:75,K:15 / C:10,M:0,Y:26,K:55 / C:17,M:0,Y:55,K:25 / C:13,M:0,Y:39,K:35
キーワード : フォレスト, 離れた, ウェブ, カウリ, 木, ニュージーランド

アール川の配色見本

カラーコード : #30618C #79D0F2 #2C4001 #1A2601 #758C23
色の名前 : スマルト, スカイブルー, せんさいちゃ, ボトルグリーン, エルムグリーン
色の説明 : 深い青紫色, 穏やかな青色, 冴えた黄緑色, 冴えた黄緑色, 濃い黄緑色
RGB : R:48,G:97,B:140 / R:121,G:208,B:242 / R:44,G:64,B:1 / R:26,G:38,B:1 / R:117,G:140,B:35
CMYK : C:66,M:31,Y:0,K:45 / C:50,M:14,Y:0,K:5 / C:31,M:0,Y:98,K:75 / C:32,M:0,Y:97,K:85 / C:16,M:0,Y:75,K:45
キーワード : アール川, 気持ち悪い, ゴージ, Aare, 離れた, ウェブ, 川, 水, 山, スイス

チェロのカラーリファレンス

カラーコード : #B6C5F2 #BBBFB4 #BF7E45 #A6411C #59201B
色の名前 : ベイビーブルー, パールグレイ, ちょうじいろ, ヘンナ, マルーン
色の説明 : 明るい灰みの青紫色, 軽い緑色, 深い橙色, 鮮やかな赤色, 濃い赤色
RGB : R:182,G:197,B:242 / R:187,G:191,B:180 / R:191,G:126,B:69 / R:166,G:65,B:28 / R:89,G:32,B:27
CMYK : C:25,M:19,Y:0,K:5 / C:2,M:0,Y:6,K:25 / C:0,M:34,Y:64,K:25 / C:0,M:61,Y:83,K:35 / C:0,M:64,Y:70,K:65
キーワード : チェロ, 削除, アーチ, 音楽を, ウェブ, 文字列, 音楽楽器, 弦楽器, クラシック, 音楽

ウェブの配色テーマ

カラーコード : #F2E30F #F2A413 #F2620F #731702 #400101
色の名前 : あおき, うこん色, 黄赤, マルーン, バーガンディー
色の説明 : ビビッドな黄色, ビビッドな黄色, ビビッドな橙色, 派手な赤色, 冴えた赤色
RGB : R:242,G:227,B:15 / R:242,G:164,B:19 / R:242,G:98,B:15 / R:115,G:23,B:2 / R:64,G:1,B:1
CMYK : C:0,M:6,Y:94,K:5 / C:0,M:32,Y:92,K:5 / C:0,M:60,Y:94,K:5 / C:0,M:80,Y:98,K:55 / C:0,M:98,Y:98,K:75
キーワード : ウェブ, 離れた, 葉, 秋, 植物, 木, 黄色のシート, 点灯, 夜です, 闇

コンスタンス湖の色彩見本

カラーコード : #AED8F2 #A68053 #D9B384 #BF4904 #401201
色の名前 : フロスティブルー, アンバー, きゃらいろ, 樺(かば)色, ボルドー
色の説明 : おとなしい青紫色, ダルな橙色, 灰みの橙色, 派手な橙色, 冴えた赤色
RGB : R:174,G:216,B:242 / R:166,G:128,B:83 / R:217,G:179,B:132 / R:191,G:73,B:4 / R:64,G:18,B:1
CMYK : C:28,M:11,Y:0,K:5 / C:0,M:23,Y:50,K:35 / C:0,M:18,Y:39,K:15 / C:0,M:62,Y:98,K:25 / C:0,M:72,Y:98,K:75
キーワード : コンスタンス湖, 湖, 水, ウェブ, 銀行

サリのカラーアレンジメント

カラーコード : #023E73 #163A59 #4E7DA6 #73B2D9 #91D7F2
色の名前 : アイアンブルー, 濃藍(こいあい), スチールブルー, チョークブルー, スカイブルー
色の説明 : 冴えた青紫色, ディープな青紫色, くすんだ青紫色, ダルな青紫色, 明るい灰みの青色
RGB : R:2,G:62,B:115 / R:22,G:58,B:89 / R:78,G:125,B:166 / R:115,G:178,B:217 / R:145,G:215,B:242
CMYK : C:98,M:46,Y:0,K:55 / C:75,M:35,Y:0,K:65 / C:53,M:25,Y:0,K:35 / C:47,M:18,Y:0,K:15 / C:40,M:11,Y:0,K:5
キーワード : サリ, 帆走船, ウェブ, バイエルン

池の色彩イメージ

カラーコード : #0F2859 #3981BF #F2DD72 #D9AD5B #260B01
色の名前 : アイアンブルー, ブルー, かりやすいろ, ブロンド, ランプブラック
色の説明 : ビビッドな青紫色, ディープな青紫色, ソフトな黄色, 穏やかな黄色, ビビッドな赤色
RGB : R:15,G:40,B:89 / R:57,G:129,B:191 / R:242,G:221,B:114 / R:217,G:173,B:91 / R:38,G:11,B:1
CMYK : C:83,M:55,Y:0,K:65 / C:70,M:32,Y:0,K:25 / C:0,M:9,Y:53,K:5 / C:0,M:20,Y:58,K:15 / C:0,M:71,Y:97,K:85
キーワード : 池, 離れた, 風景, 自然, 湖, 木, 水, ブリッジ, 雰囲気, ウェブ, 気分, 秋, 空, 草

針のカラーイメージ

カラーコード : #092601 #154001 #A1A626 #260A04 #8C170D
色の名前 : ボトルグリーン, ボトルグリーン, 萌黄(もえぎ), ランプブラック, べにがらいろ
色の説明 : 冴えた黄緑色, 鮮やかな黄緑色, 濃い黄緑色, 深い赤色, 派手な赤色
RGB : R:9,G:38,B:1 / R:21,G:64,B:1 / R:161,G:166,B:38 / R:38,G:10,B:4 / R:140,G:23,B:13
CMYK : C:76,M:0,Y:97,K:85 / C:67,M:0,Y:98,K:75 / C:3,M:0,Y:77,K:35 / C:0,M:74,Y:89,K:85 / C:0,M:84,Y:91,K:45
キーワード : 針, 滴, ウェブ, 小枝, 水滴, 露, ツリー, 雨滴

自然の配色アイデア

カラーコード : #B5B4BF #4F698C #637329 #A2A632 #3F4022
色の名前 : スカイグレイ, はなだ色, りきゅういろ, 萌黄(もえぎ), エボニー
色の説明 : やや灰色い青紫色, くすんだ青紫色, 深い黄緑色, 濃い黄緑色, 黄色
RGB : R:181,G:180,B:191 / R:79,G:105,B:140 / R:99,G:115,B:41 / R:162,G:166,B:50 / R:63,G:64,B:34
CMYK : C:5,M:6,Y:0,K:25 / C:44,M:25,Y:0,K:45 / C:14,M:0,Y:64,K:55 / C:2,M:0,Y:70,K:35 / C:2,M:0,Y:47,K:75
キーワード : 自然, ウェブ, ブリッジ, 山, 木, ボードウォーク, 離れた, フォレスト, スイス, ハイキング

バルト海のカラーバランス

カラーコード : #368ABF #66ADD9 #B6DBF2 #30728C #D9C7C1
色の名前 : スチールブルー, チョークブルー, フロスティブルー, ダックブルー, はいざくら
色の説明 : 濃い青紫色, くすんだ青色, 渋い青紫色, ディープな青色, 薄い橙色
RGB : R:54,G:138,B:191 / R:102,G:173,B:217 / R:182,G:219,B:242 / R:48,G:114,B:140 / R:217,G:199,B:193
CMYK : C:72,M:28,Y:0,K:25 / C:53,M:20,Y:0,K:15 / C:25,M:10,Y:0,K:5 / C:66,M:19,Y:0,K:45 / C:0,M:8,Y:11,K:15
キーワード : バルト海, 海, ウェブ, ビーチ, 水, 休日, 海岸, 空, 青, 夏

露のカラースキーム

カラーコード : #8C373E #253759 #400D0D #D9D9D9 #0D0D0D
色の名前 : すおう, あいてついろ, バーガンディー, ムーングレイ, ブラック
色の説明 : 和風の赤色, 青紫色, 濃い赤色, やや灰色い無彩色, 円熟した無彩色
RGB : R:140,G:55,B:62 / R:37,G:55,B:89 / R:64,G:13,B:13 / R:217,G:217,B:217 / R:13,G:13,B:13
CMYK : C:0,M:61,Y:56,K:45 / C:58,M:38,Y:0,K:65 / C:0,M:80,Y:80,K:75 / C:0,M:0,Y:0,K:15 / C:0,M:0,Y:0,K:95
キーワード : 露, 人間, ウェブ, Seute Dahir, ブレーマーハーフェン

クモの配色パレット

カラーコード : #BF9D5E #A67232 #BFA07A #73451D #A6886D
色の名前 : カーキー, 土色, ビスケット, セピア, コルク
色の説明 : 穏やかな黄色, 和風の橙色, 灰みの橙色, 深い橙色, 濁った橙色
RGB : R:191,G:157,B:94 / R:166,G:114,B:50 / R:191,G:160,B:122 / R:115,G:69,B:29 / R:166,G:136,B:109
CMYK : C:0,M:18,Y:51,K:25 / C:0,M:31,Y:70,K:35 / C:0,M:16,Y:36,K:25 / C:0,M:40,Y:75,K:55 / C:0,M:18,Y:34,K:35
キーワード : クモ, Araneus, クモの巣, 塞ぎます, 自然, 動物, ウェブ, スピンのスレッド, 雲形類動物

ブリッジの配色一覧

カラーコード : #122E40 #324001 #C7D941 #B1BF49 #8C8849
色の名前 : あおずみ, せんさいちゃ, わかくさいろ, 若草色, うぐいすいろ
色の説明 : ディープな青色, 鮮やかな黄緑色, くどい黄緑色, 深い黄緑色, ダルな黄色
RGB : R:18,G:46,B:64 / R:50,G:64,B:1 / R:199,G:217,B:65 / R:177,G:191,B:73 / R:140,G:136,B:73
CMYK : C:72,M:28,Y:0,K:75 / C:22,M:0,Y:98,K:75 / C:8,M:0,Y:70,K:15 / C:7,M:0,Y:62,K:25 / C:0,M:3,Y:48,K:45
キーワード : ブリッジ, 高, 危険, ゴージ, 深淵, フォレスト, 自然, 水, 川, フロー, ウェブ, 柱, アーチ

クモの巣の色彩コーディネート

カラーコード : #7B8DA6 #162614 #1E400E #325916 #8C6F65
色の名前 : つぎのはなだ, ボトルグリーン, ボトルグリーン, アイビーグリーン, はいあか
色の説明 : 濁った青紫色, 緑色, 深い黄緑色, 深い黄緑色, 地味な赤色
RGB : R:123,G:141,B:166 / R:22,G:38,B:20 / R:30,G:64,B:14 / R:50,G:89,B:22 / R:140,G:111,B:101
CMYK : C:26,M:15,Y:0,K:35 / C:42,M:0,Y:47,K:85 / C:53,M:0,Y:78,K:75 / C:44,M:0,Y:75,K:65 / C:0,M:21,Y:28,K:45
キーワード : クモの巣, ウェブ, ケース, 自然

離れたの配色イメージ

カラーコード : #010D00 #142601 #3F5925 #597332 #261A10
色の名前 : ぬれがらす, ボトルグリーン, せんさいちゃ, モスグリーン, てつぐろ
色の説明 : 鮮やかな緑色, 冴えた黄緑色, 黄緑色, 円熟した黄緑色, 橙色
RGB : R:1,G:13,B:0 / R:20,G:38,B:1 / R:63,G:89,B:37 / R:89,G:115,B:50 / R:38,G:26,B:16
CMYK : C:92,M:0,Y:100,K:95 / C:47,M:0,Y:97,K:85 / C:29,M:0,Y:58,K:65 / C:23,M:0,Y:57,K:55 / C:0,M:32,Y:58,K:85
キーワード : 離れた, ウェブ, 水, 自然, ボードウォーク, 風景, ブリッジ, 木製トラック, 木, 野生, 荒野

ウェブの配色パターン

カラーコード : #131226 #8A8CBF #6D728C #8F9BBF #315942
色の名前 : ミッドナイトブルー, ウイスタリア, しおんいろ, ウイスタリア, エバーグリーン
色の説明 : 青紫色, 灰みの青紫色, 濁った青紫色, 濁った青紫色, 緑色
RGB : R:19,G:18,B:38 / R:138,G:140,B:191 / R:109,G:114,B:140 / R:143,G:155,B:191 / R:49,G:89,B:66
CMYK : C:50,M:53,Y:0,K:85 / C:28,M:27,Y:0,K:25 / C:22,M:19,Y:0,K:45 / C:25,M:19,Y:0,K:25 / C:45,M:0,Y:26,K:65
キーワード : ウェブ, 太陽, 光, クモ, 繊維, インディアンサマー

冬のカラーバランス

カラーコード : #89888C #DFE9F2 #A68932 #73653C #261A0C
色の名前 : ダブグレイ, かいはくしょく, マスタード, こびちゃ, てつぐろ
色の説明 : 軽い青紫色, やや灰色い青紫色, 濃い黄色, ダークな黄色, 橙色
RGB : R:137,G:136,B:140 / R:223,G:233,B:242 / R:166,G:137,B:50 / R:115,G:101,B:60 / R:38,G:26,B:12
CMYK : C:2,M:3,Y:0,K:45 / C:8,M:4,Y:0,K:5 / C:0,M:17,Y:70,K:35 / C:0,M:12,Y:48,K:55 / C:0,M:32,Y:68,K:85
キーワード : 冬, 雪, 白, 冷, フィード, 鳥の種, 脂肪のボール, 食品, 乳首, ウェブ

リーフの色サンプル

カラーコード : #F2F2F2 #BFBFBF #8C8C8C #404040 #0D0D0D
色の名前 : 白, マーブルグレイ, アッシュグレイ, ゆうしょく, ブラック
色の説明 : ペールな無彩色, 淡い無彩色, 薄い無彩色, ダークな無彩色, 暗い無彩色
RGB : R:242,G:242,B:242 / R:191,G:191,B:191 / R:140,G:140,B:140 / R:64,G:64,B:64 / R:13,G:13,B:13
CMYK : C:0,M:0,Y:0,K:5 / C:0,M:0,Y:0,K:25 / C:0,M:0,Y:0,K:45 / C:0,M:0,Y:0,K:75 / C:0,M:0,Y:0,K:95
キーワード : リーフ, ホワイト, Nero, 自然, 葉, プラント, グリーン, 背景, 花, 夏, ウェブ

ウェブの色彩イメージ

カラーコード : #8A93A6 #AAB1BF #727372 #D9D9D9 #0D0D0D
色の名前 : うすねず, スカイグレイ, はいいろ, ムーングレイ, ブラック
色の説明 : 淡い青紫色, 淡い青紫色, 暗い無彩色, 淡い無彩色, 暗い無彩色
RGB : R:138,G:147,B:166 / R:170,G:177,B:191 / R:114,G:115,B:114 / R:217,G:217,B:217 / R:13,G:13,B:13
CMYK : C:17,M:11,Y:0,K:35 / C:11,M:7,Y:0,K:25 / C:1,M:0,Y:1,K:55 / C:0,M:0,Y:0,K:15 / C:0,M:0,Y:0,K:95
キーワード : ウェブ, 冬, 雪, 湖, 冷, ボードウォーク, 雪の, キーム湖, 冬の, ババリア, カモメ, 鳥

ボートの色コード

カラーコード : #183B59 #728EA6 #8C7B5A #BFAE99 #59432F
色の名前 : 濃藍(こいあい), つぎのはなだ, うつぶしいろ, ベージュ, 焦茶
色の説明 : ディープな青紫色, 灰みの青紫色, 灰みの橙色, 地味な橙色, 橙色
RGB : R:24,G:59,B:89 / R:114,G:142,B:166 / R:140,G:123,B:90 / R:191,G:174,B:153 / R:89,G:67,B:47
CMYK : C:73,M:34,Y:0,K:65 / C:31,M:14,Y:0,K:35 / C:0,M:12,Y:36,K:45 / C:0,M:9,Y:20,K:25 / C:0,M:25,Y:47,K:65
キーワード : ボート, 湖, 水, 雲, ウェブ, 自然, 残り, 風景, 空, 休日, 反射, 領海, 平和, 霧

朝の配色パレット

カラーコード : #310859 #58878C #736D5D #D9C0A3 #A67F5D
色の名前 : ダークブルー, さびあさぎ, みる色, レグホーン, コルク
色の説明 : 派手な紫色, グレイッシュな青色, 暗い黄色, 濁った橙色, くすんだ橙色
RGB : R:49,G:8,B:89 / R:88,G:135,B:140 / R:115,G:109,B:93 / R:217,G:192,B:163 / R:166,G:127,B:93
CMYK : C:45,M:91,Y:0,K:65 / C:37,M:4,Y:0,K:45 / C:0,M:5,Y:19,K:55 / C:0,M:12,Y:25,K:15 / C:0,M:23,Y:44,K:35
キーワード : 朝, ウェブ, 露, 合成, 織物, クモ, レース

白鳥の色サンプル

カラーコード : #BF6970 #BDD9F2 #CEE4F2 #3A4031 #73654D
色の名前 : いまよう, フロスティブルー, ベビーブルー, エボニー, みる色
色の説明 : 穏やかな赤色, やや灰色い青紫色, やや灰色い青色, 黄緑色, 暗い灰みの黄色
RGB : R:191,G:105,B:112 / R:189,G:217,B:242 / R:206,G:228,B:242 / R:58,G:64,B:49 / R:115,G:101,B:77
CMYK : C:0,M:45,Y:41,K:25 / C:22,M:10,Y:0,K:5 / C:15,M:6,Y:0,K:5 / C:9,M:0,Y:23,K:75 / C:0,M:12,Y:33,K:55
キーワード : 白鳥, クリーン, 鳥, エレガントです, 動物, 白, ぼかし, 湖, ビル, ウェブ, フィート, 羽

ウェブのカラースキーム

カラーコード : #262401 #A69D21 #594B02 #F2E5BD #0D0D0D
色の名前 : セピア, アンティックゴールド, オリーブドラブ, うすこう, ブラック
色の説明 : 鮮やかな黄色, 冴えた黄色, 冴えた黄色, やや灰色い黄色, ダークな無彩色
RGB : R:38,G:36,B:1 / R:166,G:157,B:33 / R:89,G:75,B:2 / R:242,G:229,B:189 / R:13,G:13,B:13
CMYK : C:0,M:5,Y:97,K:85 / C:0,M:5,Y:80,K:35 / C:0,M:16,Y:98,K:65 / C:0,M:5,Y:22,K:5 / C:0,M:0,Y:0,K:95
キーワード : ウェブ, 池, 湖, 水, 領海, 桟橋, 気分, ボードウォーク, 魚, 残り

クモの巣の色彩設計

カラーコード : #18260A #43592D #4D593C #58594D #8C8C8C
色の名前 : ボトルグリーン, せんさいちゃ, りきゅうなまかべ, すす竹色, アッシュグレイ
色の説明 : 深い黄緑色, 黄緑色, 重い黄緑色, 大人っぽい黄色, 薄い無彩色
RGB : R:24,G:38,B:10 / R:67,G:89,B:45 / R:77,G:89,B:60 / R:88,G:89,B:77 / R:140,G:140,B:140
CMYK : C:37,M:0,Y:74,K:85 / C:25,M:0,Y:49,K:65 / C:13,M:0,Y:33,K:65 / C:1,M:0,Y:13,K:65 / C:0,M:0,Y:0,K:45
キーワード : クモの巣, 朝露, ウェブ, ケース

ブリッジのカラーコーディネート

カラーコード : #F2F2F2 #A6A6A6 #595959 #262626 #0D0D0D
色の名前 : 白, パールグレイ, つるばみいろ, くろつるばみ, ブラック
色の説明 : 軽い無彩色, やや灰色い無彩色, 円熟した無彩色, 大人っぽい無彩色, 円熟した無彩色
RGB : R:242,G:242,B:242 / R:166,G:166,B:166 / R:89,G:89,B:89 / R:38,G:38,B:38 / R:13,G:13,B:13
CMYK : C:0,M:0,Y:0,K:5 / C:0,M:0,Y:0,K:35 / C:0,M:0,Y:0,K:65 / C:0,M:0,Y:0,K:85 / C:0,M:0,Y:0,K:95
キーワード : ブリッジ, ウェブ, 離れた, 白黒

離れたのカラー見本

カラーコード : #D0E5F2 #B4CED9 #8C6B4F #402312 #734B34
色の名前 : ベビーブルー, パウダーブルー, ブラウン, くろちゃ, 栗色
色の説明 : 薄い青色, 薄い青色, くすんだ橙色, 和風の橙色, ダークな赤色
RGB : R:208,G:229,B:242 / R:180,G:206,B:217 / R:140,G:107,B:79 / R:64,G:35,B:18 / R:115,G:75,B:52
CMYK : C:14,M:5,Y:0,K:5 / C:17,M:5,Y:0,K:15 / C:0,M:24,Y:44,K:45 / C:0,M:45,Y:72,K:75 / C:0,M:35,Y:55,K:55
キーワード : 離れた, ペア, 画面, 歩く, 自然, 一緒, 一緒に, 2 つの, ウェブ, 雨, 雨の中のカップル

クモの色彩バランス

カラーコード : #4B593C #7B8C61 #B5BFA4 #26251D #F2F2F2
色の名前 : りきゅうなまかべ, まつばいろ, 若葉色, くろつるばみ, 白
色の説明 : 重い黄緑色, グレイッシュな黄緑色, やや灰色い黄緑色, ダークな黄色, やや灰色い無彩色
RGB : R:75,G:89,B:60 / R:123,G:140,B:97 / R:181,G:191,B:164 / R:38,G:37,B:29 / R:242,G:242,B:242
CMYK : C:16,M:0,Y:33,K:65 / C:12,M:0,Y:31,K:45 / C:5,M:0,Y:14,K:25 / C:0,M:3,Y:24,K:85 / C:0,M:0,Y:0,K:5
キーワード : クモ, クモの巣, ウェブ, Morgentau, 霧, 熟した, ドロップ水の

ウェブの配色バランス

カラーコード : #F2BBC5 #734C6C #1C1226 #F2B591 #F28D77
色の名前 : せきちくいろ, ふたあい, しこくしょく, 肌色, フラミンゴ
色の説明 : ライトグレイッシュな赤色, 重い紫色, 紫色, ライトグレイッシュな橙色, ソフトな赤色
RGB : R:242,G:187,B:197 / R:115,G:76,B:108 / R:28,G:18,B:38 / R:242,G:181,B:145 / R:242,G:141,B:119
CMYK : C:0,M:23,Y:19,K:5 / C:0,M:34,Y:6,K:55 / C:26,M:53,Y:0,K:85 / C:0,M:25,Y:40,K:5 / C:0,M:42,Y:51,K:5
キーワード : ウェブ, サンセット, 水, 桟橋, 気分, 残光, Abendstimmung, 銀行, 雰囲気, 夏, 空

ウェブの配色バランス

カラーコード : #00010D #102601 #77A649 #F2E3D0 #8C6F56
色の名前 : ぬれがらす, ボトルグリーン, メドウグリーン, シャンパン, 灰茶
色の説明 : 派手な青紫色, 派手な黄緑色, くすんだ黄緑色, ペールな橙色, 濁った橙色
RGB : R:0,G:1,B:13 / R:16,G:38,B:1 / R:119,G:166,B:73 / R:242,G:227,B:208 / R:140,G:111,B:86
CMYK : C:100,M:92,Y:0,K:95 / C:58,M:0,Y:97,K:85 / C:28,M:0,Y:56,K:35 / C:0,M:6,Y:14,K:5 / C:0,M:21,Y:39,K:45
キーワード : ウェブ, 離れた, テューリンゲン州 ドイツ, 放浪者, キャッチ, Hohenweg, ロープ, 不織布

ウェブの色彩組み合わせ

カラーコード : #A1A5A6 #748C3F #401801 #260B01 #73594F
色の名前 : ぎんかいしょく, エルムグリーン, くろちゃ, ランプブラック, すすたけいろ
色の説明 : 軽い青緑色, ダルな黄緑色, 鮮やかな橙色, ビビッドな赤色, 重い赤色
RGB : R:161,G:165,B:166 / R:116,G:140,B:63 / R:64,G:24,B:1 / R:38,G:11,B:1 / R:115,G:89,B:79
CMYK : C:3,M:1,Y:0,K:35 / C:17,M:0,Y:55,K:45 / C:0,M:62,Y:98,K:75 / C:0,M:71,Y:97,K:85 / C:0,M:23,Y:31,K:55
キーワード : ウェブ, ハンドグリップ, 氷, 冷ややかです, 冷, 凍結, 水の上, 冬, クール

オンラインのカラーバランス

カラーコード : #B6DBF2 #71F235 #D99923 #D97E4A #BF7C63
色の名前 : フロスティブルー, ライム, パンプキン, あかくちば, うめぞめ
色の説明 : おとなしい青紫色, 陽気な黄緑色, 冴えた黄色, ストロングな橙色, ダルな橙色
RGB : R:182,G:219,B:242 / R:113,G:242,B:53 / R:217,G:153,B:35 / R:217,G:126,B:74 / R:191,G:124,B:99
CMYK : C:25,M:10,Y:0,K:5 / C:53,M:0,Y:78,K:5 / C:0,M:29,Y:84,K:15 / C:0,M:42,Y:66,K:15 / C:0,M:35,Y:48,K:25
キーワード : オンライン, モバイル, 電話, ウェブサイト, マーケティング, オンラインコース, 学習, E コマース

まとめ

以上、カラーパレット53選でした。

紹介した配色まとめは全て商用利用無料ですので、カラーコードをコピペしてデザインやイラストの参考などにご自由にお使いください。ただし、画像そのものの無断転載や二次配布はご遠慮ください。

今後も色見本を、定期的に無料で発表していきますので、もしも気に入っていただけましたら、ブックマークやSNSでシェアなどしていただけるととても嬉しいです!
それでは、最後までご閲覧いただき誠にありがとうございました!