Web色変換 タイトル画像

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

青 カラーコード 一覧

青碧

青碧 色
#478384の色基本情報
16進数#478384
RGB71 , 131, 132
HSV181 , 46% , 52%
HSL181 , 30% , 40%
CMY48% , 60% , 60%
XYZ14 , 19 , 24
CIE 1976 (L*, a*, b*)50 , -0.2 , -0.07
青碧 cmyk
青碧に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
7.5BG 5/475,132,13243,0,0,48#4B848419.8,0.2564,0.3297
青碧に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
d1414:BG-4.5-5s1428,117,112#1c7570

 

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

青碧 2色 配色 ダイアード(補色)
色見本RGB16進数
71,131,132#478384
133,72,71#854847
青碧 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
71,131,132#478384
133,71,101#854765
133,103,71#856747
青碧 3色 配色 トライアド
色見本RGB16進数
71,131,132#478384
133,71,132#854784
132,133,71#848547
青碧 4色 配色 テトラード
色見本RGB16進数
71,131,132#478384
103,71,133#674785
133,72,71#854847
101,133,71#658547
青碧 5色 配色 ペンタード
色見本RGB16進数
71,131,132#478384
85,71,133#554785
133,71,107#85476b
133,109,71#856d47
83,133,71#538547
青碧 6色 配色 ヘクサード
色見本RGB16進数
71,131,132#478384
72,71,133#484785
133,71,132#854784
133,72,71#854847
132,133,71#848547
71,133,72#478548
青碧 合う色同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#1c7570 #1f6578 #418261 #345474 #514d72 #664768
#85863c #854c60 #a18e40 #9d5456 #a9634c #a9783f
配色 3 色
#1c7570#1f6578 #418261#345474
#514d72#664768 #85863c#854c60
#a18e40#9d5456 #a9634c#a9783f
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#1c7570 #499b95 #007b75 #536e6c #007e77 #00625c
#3faba4 #00a39b #90aeab #71c5be #004542 #9ecdc9
#253634 #b9d8d5
配色 3 色
#1c7570#499b95 #007b75#536e6c
#007e77#00625c #3faba4#00a39b
#90aeab#71c5be #004542#9ecdc9
#253634#b9d8d5
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (dp)
#00625c #00526f #006f3e #004075 #343472 #5a265f
#717d00 #811f4c #a48f00 #aa6600 #a53b1b #9f1b34
類似トーン (s)
#007b75 #006a8b #008a52 #005692 #4b488e #753a7a
#a03663 #9aa400 #c13547 #c7512c #db8b08 #d2b700
類似トーン (sf)
#499b95 #498a9e #58779a #66a986 #756f99 #8b698d
#ae6f85 #aead5f #c8787a #d5896f #ccb664 #d59f62
類似トーン (g)
#536e6c #576e61 #4c6068 #4a525e #6c6a51 #52505e
#716951 #776656 #5a4e5a #6c585e #6f5858 #6f5951
類似トーン (dk)
#004542 #185138 #004252 #14344e #312e4d #535617
#422944 #6b5e1b #5d2d3f #704b1a #6f3826 #642a2e
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (v)
#007c8c #007e77 #006b93 #008c69 #005a91 #009a55
#00569c #00509d #474798 #663e8c #793580 #892c71
#4aa315 #ab2664 #a4b300 #b5184f #c8bb00 #cd1f42
#e2c500 #eeac00 #dd3737 #f29500 #e55125 #e66d00
対象トーン (p)
#bac4d3 #b9d8d5 #bed6df #bdd9c9 #c5c2d3 #cebfce
#e4ccd3 #e8cbcb #e8ccc3 #e5e2c4 #ebe0c4 #f3ddc9
#478384 トーンオントーン 配色パターン
同じ色相と対照トーンの組み合わせ トーン差でメリハリを出す
#007e77 #b9d8d5
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#1f6578
pccs色相番号 -2
#418261
青碧 グラデーショントーン グラデーション配色トーンを使った段階的に変化させる配色

#3faba4#71c5be#499b95
色相 グラデーション配色色相を使った段階的に変化させる配色

#1f6578#345474#514d72#664768
#418261#85863c#a18e40#a9783f

tag:緑,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換