Web色変換 タイトル画像

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

赤 カラーコード 一覧

白橡

白橡 色
#cbb994の色基本情報
16進数#cbb994
RGB203 , 185, 148
HSV40 , 27% , 80%
HSL40 , 35% , 69%
CMY34% , 31% , 23%
XYZ47 , 49 , 35
CIE 1976 (L*, a*, b*)75 , 0 , 0.21
白橡 cmyk
白橡に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
5Y 7/2184,175,1480,4,19,27#B8AF9443.11,0.3438,0.3664
白橡に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
ltg88:yO-7.5-2s8192,182,155#c0b69b

 

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

白橡 2色 配色 ダイアード(補色)
色見本RGB16進数
203,185,148#cbb994
148,167,204#94a7cc
白橡 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
203,185,148#cbb994
148,194,204#94c2cc
158,148,204#9e94cc
白橡 3色 配色 トライアド
色見本RGB16進数
203,185,148#cbb994
148,204,185#94ccb9
185,148,204#b994cc
白橡 4色 配色 テトラード
色見本RGB16進数
203,185,148#cbb994
148,204,158#94cc9e
148,167,204#94a7cc
204,148,194#cc94c2
白橡 5色 配色 ペンタード
色見本RGB16進数
203,185,148#cbb994
156,204,148#9ccc94
148,200,204#94c8cc
163,148,204#a394cc
204,148,178#cc94b2
白橡 6色 配色 ヘクサード
色見本RGB16進数
203,185,148#cbb994
167,204,148#a7cc94
148,204,185#94ccb9
148,167,204#94a7cc
185,148,204#b994cc
204,148,167#cc94a7
白橡 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#c0b69b #bab89b #c7b3a0 #bda39a #bda2a2 #95afa0
#b9a3aa #90aeab #a497a4 #95acb5 #9c99a9 #929caa
配色 3 色
#c0b69b#bab89b #c7b3a0#bda39a
#bda2a2#95afa0 #b9a3aa#90aeab
#a497a4#95acb5 #9c99a9#929caa
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#c0b69b #efe0b5 #ebe0c4 #ccb664 #f9e08a #a18e40
#716951 #edd267 #6b5e1b #a48f00 #423c2d #d2b700
#f2d324 #e2c500
配色 3 色
#c0b69b#efe0b5 #ebe0c4#ccb664
#f9e08a#a18e40 #716951#edd267
#6b5e1b#a48f00 #423c2d#d2b700
#f2d324#e2c500
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (p)
#ebe0c4 #e5e2c4 #f3ddc9 #e8ccc3 #e8cbcb #bdd9c9
#e4ccd3 #b9d8d5 #cebfce #c5c2d3 #bac4d3 #bed6df
類似トーン (p+)
#efccaa #d8d5a8 #efe0b5 #e9baaa #e9b8b8 #a5ceb6
#debbc6 #9ecdc9 #c4afc4 #a5cad7 #b7b3cc #a8b7cd
類似トーン (sf)
#d59f62 #aead5f #ccb664 #d5896f #66a986 #c8787a
#499b95 #ae6f85 #498a9e #8b698d #58779a #756f99
類似トーン (g)
#716951 #6c6a51 #776656 #576e61 #6f5951 #536e6c
#6f5858 #6c585e #4c6068 #5a4e5a #52505e #4a525e
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (dkg)
#423c2d #463b30 #3e3d2d #3d2f2b #3d2f2f #27362e
#3c2f33 #253634 #273439 #2e272e #292830 #242931
対象トーン (dp)
#a48f00 #717d00 #aa6600 #00625c #006f3e #a53b1b
#00526f #9f1b34 #811f4c #5a265f #004075 #343472
#cbb994 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
#423c2d #a48f00
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#bab89b
pccs色相番号 -2
#c7b3a0
白橡 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色

#efe0b5#ebe0c4#c0b69b
色相 グラデーション配色色相を使った段階的に変化させる配色

#bab89b#95afa0#90aeab#95acb5

tag:灰色,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換