Web色変換 タイトル画像

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

緑 カラーコード 一覧

虫襖

虫襖 色
#3a5b52の色基本情報
16進数#3a5b52
RGB58 , 91, 82
HSV164 , 36% , 36%
HSL164 , 22% , 29%
CMY66% , 72% , 70%
XYZ7 , 8 , 9
CIE 1976 (L*, a*, b*)35 , -0.15 , 0.01
虫襖 cmyk
虫襖に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
10G 4/279,102,9522,0,6,60#4F665F12.02,0.2897,0.3467
虫襖に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
g1212: G-4.0-2s1287,110,97#576e61

 

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

虫襖 2色 配色 ダイアード(補色)
色見本RGB16進数
58,91,82#3a5b52
90,58,66#5a3a42
虫襖 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
58,91,82#3a5b52
90,58,83#5a3a53
90,65,58#5a413a
虫襖 3色 配色 トライアド
色見本RGB16進数
58,91,82#3a5b52
82,58,90#523a5a
90,82,58#5a523a
虫襖 4色 配色 テトラード
色見本RGB16進数
58,91,82#3a5b52
65,58,90#413a5a
90,58,66#5a3a42
83,90,58#535a3a
虫襖 5色 配色 ペンタード
色見本RGB16進数
58,91,82#3a5b52
58,60,90#3a3c5a
90,58,86#5a3a56
90,69,58#5a453a
73,90,58#495a3a
虫襖 6色 配色 ヘクサード
色見本RGB16進数
58,91,82#3a5b52
58,66,90#3a425a
82,58,90#523a5a
90,58,66#5a3a42
90,82,58#5a523a
66,90,58#425a3a
虫襖 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#576e61 #536e6c #4c6068 #4a525e #6c6a51 #52505e
#716951 #776656 #5a4e5a #6f5951 #6c585e #6f5858
配色 3 色
#576e61#536e6c #4c6068#4a525e
#6c6a51#52505e #716951#776656
#5a4e5a#6f5951 #6c585e#6f5858
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#576e61 #185138 #27362e #418261 #006f3e #66a986
#95afa0 #008a52 #a5ceb6 #73c89c #8dd3ad #bdd9c9
#009a55 #00b275
配色 3 色
#576e61#185138 #27362e#418261
#006f3e#66a986 #95afa0#008a52
#a5ceb6#73c89c #8dd3ad#bdd9c9
#009a55#00b275
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (d)
#1c7570 #1f6578 #418261 #345474 #514d72 #664768
#854c60 #85863c #9d5456 #a9634c #a18e40 #a9783f
類似トーン (ltg)
#929caa #90aeab #95afa0 #9c99a9 #95acb5 #a497a4
#bda39a #b9a3aa #bda2a2 #bab89b #c0b69b #c7b3a0
類似トーン (dkg)
#27362e #253634 #3e3d2d #273439 #423c2d #463b30
#242931 #3d2f2b #3d2f2f #3c2f33 #292830 #2e272e
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (p)
#bac4d3 #c5c2d3 #b9d8d5 #bdd9c9 #cebfce #bed6df
#e8ccc3 #e4ccd3 #e8cbcb #e5e2c4 #ebe0c4 #f3ddc9
対象トーン (b)
#0094a1 #00a39b #008fb3 #007daf #00a583 #1979ba
#4d73bb #00b275 #716bb6 #8b63ac #9c5da0 #ab5792
#76bb4c #cc5c87 #d75674 #f15d69 #f7774d #f16056
#b7bf19 #fb8d3d #fba52f #d9c81b #f9bb2b #f2d324
#3a5b52 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
#bdd9c9 #00b275
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#536e6c
pccs色相番号 -2
#6c6a51
虫襖 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色

#a5ceb6#bdd9c9#95afa0
色相 グラデーション配色色相を使った段階的に変化させる配色

#536e6c#4c6068#4a525e#52505e
#6c6a51#716951#776656#6f5951

tag:緑,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換