Web色変換

色とWebデザインに関するサイト,ホームページ制作のサポートツール, WEBや印刷で使う色 ,配色,dic,pantone(パントーン),16進数,cmyk

青 カラーコード 一覧

ヒヤシンス 配色パターン

ヒヤシンス 色

#7586BBの色基本情報
16進数#7586BB
RGB117 , 134, 187
HSV225 , 37% , 73%
HSL225 , 34% , 60%
CMY37% , 40% , 50%
XYZ24 , 24 , 50
CIE 1976 (L*, a*, b*)56 , 0.07 , -0.3

ヒヤシンス cmyk

ヒヤシンスに近い色 マンセル値

色見本マンセル値 色名RGBCMYK16進数Yxy
7.5PB 6/8133,146,20334,28,0,20#8592CB29.93,0.2538,0.2467

ヒヤシンスに近いPCCSの色

色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
lt20+20: v-6.0-6s20142,135,190#8e87be

 

ヒヤシンスの配色 パターン

ヒヤシンスの各種配色パターンの
色見本やカラーコードの一覧です。

ヒヤシンス 2色 配色 ダイアード(補色)

色見本RGB16進数
117,134,187#7586BB
188,170,118#bcaa76

ヒヤシンス 3色 配色 スプリットコンプリメンタリー(分裂補色)

色見本RGB16進数
117,134,187#7586BB
188,136,118#bc8876
170,188,118#aabc76

ヒヤシンス 3色 配色 トライアド

色見本RGB16進数
117,134,187#7586BB
188,118,136#bc7688
136,188,118#88bc76

ヒヤシンス 4色 配色 テトラード

色見本RGB16進数
117,134,187#7586BB
188,118,170#bc76aa
188,170,118#bcaa76
118,188,136#76bc88

ヒヤシンス 5色 配色 ペンタード

色見本RGB16進数
117,134,187#7586BB
184,118,188#b876bc
188,129,118#bc8176
163,188,118#a3bc76
118,188,156#76bc9c

ヒヤシンス 6色 配色 ヘクサード

色見本RGB16進数
117,134,187#7586BB
170,118,188#aa76bc
188,118,136#bc7688
188,170,118#bcaa76
136,188,118#88bc76
118,188,170#76bcaa

#7586BB 同一トーン配色パターン

同じトーンでの組み合わせ まとまりがある

配色 2 色

#8e87be #6591c0 #ac7eae #52a6bf #d98295 #3faba4
#f28c8e #73c89c #ff9e7d #fcb869 #caca61 #edd267

配色 3 色

#8e87be#6591c0 #ac7eae#52a6bf
#d98295#3faba4 #f28c8e#73c89c
#ff9e7d#fcb869 #caca61#edd267

#7586BB ドミナントカラー 配色パターン

同じ色相異なるトーンでの組み合わせ

配色 2 色

#8e87be #9c95c1 #756f99 #716bb6 #9c99a9 #514d72
#b7b3cc #4b488e #52505e #c5c2d3 #474798 #343472
#312e4d #292830

配色 3 色

#8e87be#9c95c1 #756f99#716bb6
#9c99a9#514d72 #b7b3cc#4b488e
#52505e#c5c2d3 #474798#343472
#312e4d#292830

類似トーン配色パターン

隣接したトーンでの組み合わせ まとまりがある

類似トーン (b)

#4d73bb #1979ba #716bb6 #007daf #8b63ac #008fb3
#9c5da0 #0094a1 #ab5792 #cc5c87 #00a39b #d75674
#00a583 #f15d69 #00b275 #f16056 #f7774d #76bb4c
#fb8d3d #fba52f #f9bb2b #b7bf19 #d9c81b #f2d324

類似トーン (sf)

#756f99 #58779a #8b698d #498a9e #ae6f85 #499b95
#c8787a #66a986 #d5896f #d59f62 #aead5f #ccb664

類似トーン (p)

#c5c2d3 #bac4d3 #cebfce #bed6df #e4ccd3 #b9d8d5
#e8cbcb #e8ccc3 #bdd9c9 #f3ddc9 #ebe0c4 #e5e2c4

対象トーン配色パターン

離れたトーンでの組み合わせ メリハリがある配色

対象トーン (dk)

#312e4d #14344e #004252 #422944 #5d2d3f #004542
#642a2e #185138 #6f3826 #704b1a #535617 #6b5e1b

対象トーン (dp)

#00526f #004075 #343472 #5a265f #00625c #811f4c
#006f3e #9f1b34 #a53b1b #717d00 #aa6600 #a48f00

#7586BB トーンオントーン 配色パターン

同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す

#312e4d #343472

フォ・カマイユ 配色パターン

類似した色相、同一類似のトーンを使った配色

pccs色相番号 +2

#ac7eae

pccs色相番号 -2

#6591c0

トーン グラデーション配色

トーンを使った段階的に変化させる配色

#8e87be#9c95c1#756f99

色相 グラデーション配色

色相を使った段階的に変化させる配色

#ac7eae#d98295#f28c8e#ff9e7d
#6591c0#52a6bf#3faba4#73c89c

ヒヤシンスの色見本
(ヒヤシンスの色見本)

ヒヤシンスに近い色見本 色番号

ヒヤシンスに似ているカラーコード一覧、jis慣用色名、Webカラー(X11の色名)などから色見本,rgb,16進数
Pantone(パントーン)、DICからは色見本のみを5つ載せています。

ヒヤシンスに近い色 jis慣用色名

色見本 RGB 16進数 jis慣用色名 色名
117,134,187 #7586BB ヒヤシンス
98,125,161 #627DA1 サックスブルー
160,155,216 #A09BD8 藤色
104,105,168 #6869A8 藤納戸
146,175,228 #92AFE4 勿忘草色

ヒヤシンスに近い色 Webカラー

色見本 RGB 16進数 Webカラー 色名
70,130,180 #4682B4 SteelBlue
100,149,237 #6495ED CornflowerBlue
119,136,153 #778899 LightSlateGray
112,128,144 #708090 SlateGray
176,196,222 #B0C4DE LightSteelBlue

ヒヤシンスに近い色 Pantone(パントーン)

色見本 Pantone(パントーン) 色名
PANTONE271 C
PANTONE646 C
PANTONE652 C
PANTONE2705 C
PANTONE2716 C

ヒヤシンスに近い色 DIC

色見本 DIC 色名
DIC2409
DIC2410
DIC436
DIC70
DIC2417

ヒヤシンスの補色(合う色)

ヒヤシンスの補色 色見本,rgb,16進数

色見本 RGB 16進数
187,170,117 BBAA75

tag:16進数, cmyk, ブルー, 配色, 青,



記事
パステルカラー

パステルカラー カラーコード 一覧表示 説明 パステル カラー多くの色の「カラーコード(16進数)」…

cmyk 色見本

cmyk RGB 数値変換 使い方 CMYK⇔RGBの相互変換可能なWEBツールです。 RGBやcm…

rgb 変換(HEX,CMYK,HSV,HSL,補色)

  rgb 変換 使い方 rgbをカラーピッカーから選択してカラーコード(16進数),CM…

画像 色の割合 調べるツール

画像の色抽出 割合を調べるツール 説明 画像から 色(カラーコード)や 色の面積や面積の割合を分析し…

色 抽出 スポイトツール

色 抽出 スポイトツール 説明 画像からカラーコードの色を抽出する際に使える スポイトツール。 使い…

rgba 変換

rgba 変換 説明 css用の透明(半透明)のカラーコードを簡単に検索するツール。 検索方法は各ス…