Web色変換

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

青 カラーコード 一覧

ネービーブルー 配色パターン

ネービーブルー 色

#333C5Eの色基本情報
16進数#333C5E
RGB51 , 60, 94
HSV227 , 46% , 37%
HSL227 , 30% , 28%
CMY69% , 71% , 78%
XYZ5 , 4 , 11
CIE 1976 (L*, a*, b*)25 , 0.06 , -0.22

ネービーブルー cmyk

ネービーブルーに近い色 マンセル値

色見本マンセル値 色名RGBCMYK16進数Yxy
7.5PB 3/466,70,10235,31,0,60#4246666.526,0.2554,0.2437

ネービーブルーに近いPCCSの色

色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
dk2020: v-2.0-5s2049,46,77#312e4d

 

ネービーブルーの配色 パターン

ネービーブルーの各種配色パターンの
色見本やカラーコードの一覧です。

ネービーブルー 2色 配色 ダイアード(補色)

色見本RGB16進数
51,60,94#333C5E
93,84,50#5d5432

ネービーブルー 3色 配色 スプリットコンプリメンタリー(分裂補色)

色見本RGB16進数
51,60,94#333C5E
93,62,50#5d3e32
81,93,50#515d32

ネービーブルー 3色 配色 トライアド

色見本RGB16進数
51,60,94#333C5E
93,50,59#5d323b
59,93,50#3b5d32

ネービーブルー 4色 配色 テトラード

色見本RGB16進数
51,60,94#333C5E
93,50,81#5d3251
93,84,50#5d5432
50,93,62#325d3e

ネービーブルー 5色 配色 ペンタード

色見本RGB16進数
51,60,94#333C5E
92,50,93#5c325d
93,58,50#5d3a32
76,93,50#4c5d32
50,93,75#325d4b

ネービーブルー 6色 配色 ヘクサード

色見本RGB16進数
51,60,94#333C5E
84,50,93#54325d
93,50,59#5d323b
93,84,50#5d5432
59,93,50#3b5d32
50,93,84#325d54

#333C5E 同一トーン配色パターン

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

配色 2 色

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

配色 3 色

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

#333C5E ドミナントカラー 配色パターン

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

配色 2 色

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

配色 3 色

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

類似トーン配色パターン

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

類似トーン (dp)

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

類似トーン (d)

#514d72 #345474 #664768 #1f6578 #854c60 #1c7570
#9d5456 #418261 #a9634c #a9783f #85863c #a18e40

類似トーン (dkg)

#242931 #292830 #273439 #2e272e #3c2f33 #3d2f2f
#253634 #3d2f2b #27362e #463b30 #423c2d #3e3d2d

対象トーン配色パターン

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

対象トーン (lt)

#9c95c1 #7e9dc3 #b48fb5 #71b1c7 #d995ac #71c5be
#f59fa0 #8dd3ad #ffb195 #ffc887 #d9d784 #f9e08a

対象トーン (ltg)

#9c99a9 #929caa #a497a4 #95acb5 #b9a3aa #bda2a2
#90aeab #bda39a #95afa0 #c7b3a0 #c0b69b #bab89b

#333C5E トーンオントーン 配色パターン

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

#9c95c1 #9c99a9

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

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

pccs色相番号 +2

#422944

pccs色相番号 -2

#14344e

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

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

#8e87be#9c95c1#756f99

色相 グラデーション配色

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

#422944#5d2d3f#642a2e#6f3826
#14344e#004252#004542#185138

ネービーブルーの色見本
(ネービーブルーの色見本)

ネービーブルーに近い色見本 色番号

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

ネービーブルーに近い色 jis慣用色名

色見本 RGB 16進数 jis慣用色名 色名
51,60,94 #333C5E ネービーブルー
56,60,87 #383C57 勝色
61,73,107 #3D496B プルシャンブルー
32,50,78 #20324E 濃藍
46,75,113 #2E4B71 藍色

ネービーブルーに近い色 Webカラー

色見本 RGB 16進数 Webカラー 色名
47,79,79 #2F4F4F DarkSlateGray
72,61,139 #483D8B DarkSlateBlue
105,105,105 #696969 DimGray
112,128,144 #708090 SlateGray
70,130,180 #4682B4 SteelBlue

ネービーブルーに近い色 Pantone(パントーン)

色見本 Pantone(パントーン) 色名
PANTONE534 C
PANTONE533 C
PANTONE302 C
PANTONE2955 C
PANTONE5275 C

ネービーブルーに近い色 DIC

色見本 DIC 色名
DIC449
DIC2397
DIC435
DIC434
DIC433

ネービーブルーの補色(合う色)

ネービーブルーの補色 色見本,rgb,16進数

色見本 RGB 16進数
94,85,51 5E5533

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



記事
cmyk 色見本

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

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

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

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

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