Web色変換 タイトル画像

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

緑 カラーコード 一覧

緑 CMYK カラーコード

緑 色

#4DB56Aの色基本情報
16進数#4DB56A
RGB77 , 181, 106
HSV137 , 57% , 71%
HSL137 , 41% , 51%
CMY43% , 64% , 49%
XYZ22 , 35 , 19
CIE 1976 (L*, a*, b*)66 , -0.47 , 0.29

緑 cmyk

緑に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
2.5G 6/1020,171,10088,0,41,32#14AB6430.24,0.2671,0.4685
緑に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
b1212: G-6.5-8s120,178,117#00b275

 

緑 配色

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

緑 2色 配色 ダイアード(補色)
色見本RGB16進数
77,181,106#4DB56A
181,79,152#b54f98
緑 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
77,181,106#4DB56A
159,79,181#9f4fb5
181,79,101#b54f65
緑 3色 配色 トライアド
色見本RGB16進数
77,181,106#4DB56A
108,79,181#6c4fb5
181,108,79#b56c4f
緑 4色 配色 テトラード
色見本RGB16進数
77,181,106#4DB56A
79,101,181#4f65b5
181,79,152#b54f98
181,159,79#b59f4f
緑 5色 配色 ペンタード
色見本RGB16進数
77,181,106#4DB56A
79,132,181#4f84b5
149,79,181#954fb5
181,79,91#b54f5b
173,181,79#adb54f
緑 6色 配色 ヘクサード
色見本RGB16進数
77,181,106#4DB56A
79,152,181#4f98b5
108,79,181#6c4fb5
181,79,152#b54f98
181,108,79#b56c4f
152,181,79#98b54f

緑 合う色

同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#00b275 #76bb4c #00a583 #00a39b #0094a1 #b7bf19
#d9c81b #008fb3 #f2d324 #f9bb2b #007daf #fba52f
#1979ba #fb8d3d #4d73bb #f7774d #716bb6 #8b63ac
#cc5c87 #9c5da0 #ab5792 #f16056 #d75674 #f15d69
配色 3 色
#00b275#76bb4c #00a583#00a39b
#0094a1#b7bf19 #d9c81b#008fb3
#f2d324#f9bb2b #007daf#fba52f
#1979ba#fb8d3d #4d73bb#f7774d
#716bb6#8b63ac #cc5c87#9c5da0
#ab5792#f16056 #d75674#f15d69
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#00b275 #009a55 #008a52 #73c89c #66a986 #8dd3ad
#006f3e #418261 #a5ceb6 #95afa0 #bdd9c9 #185138
#576e61 #27362e
配色 3 色
#00b275#009a55 #008a52#73c89c
#66a986#8dd3ad #006f3e#418261
#a5ceb6#95afa0 #bdd9c9#185138
#576e61#27362e
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (b)
#00b275 #76bb4c #00a583 #00a39b #0094a1 #b7bf19
#d9c81b #008fb3 #f2d324 #f9bb2b #007daf #fba52f
#1979ba #fb8d3d #4d73bb #f7774d #716bb6 #8b63ac
#cc5c87 #9c5da0 #ab5792 #f16056 #d75674 #f15d69
類似トーン (lt)
#8dd3ad #71c5be #d9d784 #f9e08a #71b1c7 #ffc887
#7e9dc3 #ffb195 #9c95c1 #b48fb5 #f59fa0 #d995ac
類似トーン (lt+)
#73c89c #3faba4 #caca61 #edd267 #52a6bf #fcb869
#6591c0 #ff9e7d #8e87be #d98295 #f28c8e #ac7eae
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (dp)
#006f3e #717d00 #00625c #a48f00 #00526f #aa6600
#004075 #a53b1b #343472 #811f4c #5a265f #9f1b34
対象トーン (g)
#576e61 #6c6a51 #716951 #536e6c #776656 #4c6068
#6f5951 #6f5858 #4a525e #6c585e #52505e #5a4e5a
#4DB56A トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
#006f3e #576e61
カマイユ 配色パターン
隣接した色相、同一類似のトーンを使った配色
pccs色相番号 +1
#00a583
pccs色相番号 -1
#76bb4c
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#00a39b
pccs色相番号 -2
#b7bf19

緑 グラデーション

トーン グラデーション配色トーンを使った段階的に変化させる配色

#00b275#008a52#006f3e
色相 グラデーション配色色相を使った段階的に変化させる配色

#00a39b#008fb3#1979ba#716bb6
#b7bf19#f2d324#fba52f#f7774d

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

色見本 RGB 16進数 jis慣用色名 色名
77,181,106 #4DB56A
42,155,80 #2A9B50 グリーン
93,194,136 #5DC288 コバルトグリーン
77,165,115 #4DA573 エメラルドグリーン
129,204,145 #81CC91 ミントグリーン

緑に近い色 Webカラー

色見本 RGB 16進数 Webカラー 色名
60,179,113 #3CB371 MediumSeaGreen
46,139,87 #2E8B57 SeaGreen
144,238,144 #90EE90 LightGreen
34,139,34 #228B22 ForestGreen
102,205,170 #66CDAA MediumAquamarine

緑に近い色 Pantone(パントーン)

色見本 Pantone(パントーン) 色名
PANTONE3405 C
PANTONE347 C
PANTONE340 C
PANTONE339 C
PANTONE353 C

緑に近い色 DIC

色見本 DIC 色名
DIC62
DIC638
DIC173
DIC2566
DIC2558

tag:16進数, cmyk, dicカラー, pantone, グリーン, パントーン, 一覧, 緑, 補色, 配色,



記事
webp から jpg 一括

webp 変換ツール 説明 webpからjpg,png変換やjpgやpngなどの画像ファイルからwe…

パステルカラー カラーコード

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

cmyk 色見本

CMYK⇔RGBの相互変換可能なWEBツールです。 RGBやcmyk の数値変換した色をすぐに確認で…

rgb 変換

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

画像 色 抽出

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

画像サイズ変更 縮小拡大 ツール

画像サイズ変更 縮小拡大 ツール 使い方   横向きの画像と縦向きの画像が混ざっている時に…

色 抽出 スポイトツール

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

rgba 変換