Web色変換 タイトル画像

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

赤 カラーコード 一覧

紅色 カラーコード 合う色

紅色 色

#BD1E48の色基本情報
16進数#BD1E48
RGB189 , 30, 72
HSV344 , 84% , 74%
HSL344 , 73% , 43%
CMY80% , 48% , 57%
XYZ22 , 12 , 7
CIE 1976 (L*, a*, b*)41 , 0.61 , 0.17

紅色 cmyk

紅色に近い色 マンセル値
色見本マンセル値 色名RGBCMYK16進数Yxy
2.5R 4/14190,21,710,88,62,25#BE154711.88,0.5423,0.2859
紅色に近いPCCSの色
色見本PCCS TONE番号PCCS No:HLS色相番号RGB16進数
v11:pR-4.0-9s1181,24,79#b5184f

 

紅色 配色

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

紅色 2色 配色 ダイアード(補色)
色見本RGB16進数
189,30,72#BD1E48
30,190,147#1ebe93
紅色 3色 配色 スプリットコンプリメンタリー(分裂補色)
色見本RGB16進数
189,30,72#BD1E48
30,190,67#1ebe43
30,152,190#1e98be
紅色 3色 配色 トライアド
色見本RGB16進数
189,30,72#BD1E48
72,190,30#48be1e
30,72,190#1e48be
紅色 4色 配色 テトラード
色見本RGB16進数
189,30,72#BD1E48
152,190,30#98be1e
30,190,147#1ebe93
67,30,190#431ebe
紅色 5色 配色 ペンタード
色見本RGB16進数
189,30,72#BD1E48
190,179,30#beb31e
30,190,51#1ebe33
30,136,190#1e88be
115,30,190#731ebe
紅色 6色 配色 ヘクサード
色見本RGB16進数
189,30,72#BD1E48
190,147,30#be931e
72,190,30#48be1e
30,190,147#1ebe93
30,72,190#1e48be
147,30,190#931ebe

紅色 合う色

同一トーン配色パターン
同じトーンでの組み合わせ まとまりがある
配色 2 色
#b5184f #cd1f42 #ab2664 #dd3737 #e55125 #892c71
#793580 #e66d00 #663e8c #f29500 #474798 #005a91
#00509d #00569c #eeac00 #006b93 #007c8c #007e77
#c8bb00 #e2c500 #008c69 #a4b300 #009a55 #4aa315
配色 3 色
#b5184f#cd1f42 #ab2664#dd3737
#e55125#892c71 #793580#e66d00
#663e8c#f29500 #474798#005a91
#00509d#00569c #eeac00#006b93
#007c8c#007e77 #c8bb00#e2c500
#008c69#a4b300 #009a55#4aa315
ドミナントカラー 配色パターン
同じ色相異なるトーンでの組み合わせ
配色 2 色
#b5184f #d75674
配色 3 色
#b5184f#d75674
類似トーン配色パターン
隣接したトーンでの組み合わせ まとまりがある
類似トーン (s)
#c13547 #a03663 #c7512c #753a7a #db8b08 #4b488e
#005692 #006a8b #d2b700 #007b75 #9aa400 #008a52
対象トーン配色パターン
離れたトーンでの組み合わせ メリハリがある配色
対象トーン (ltg)
#bda2a2 #bda39a #b9a3aa #a497a4 #c7b3a0 #9c99a9
#c0b69b #929caa #bab89b #95acb5 #95afa0 #90aeab
対象トーン (g)
#6f5858 #6f5951 #6c585e #776656 #5a4e5a #716951
#52505e #6c6a51 #4a525e #4c6068 #576e61 #536e6c
カマイユ 配色パターン
隣接した色相、同一類似のトーンを使った配色
pccs色相番号 +1
#cd1f42
フォ・カマイユ 配色パターン
類似した色相、同一類似のトーンを使った配色
pccs色相番号 +2
#dd3737
pccs色相番号 -2
#892c71
ピコロール 配色 2 色ビビット(v)トーンを使った2色のコントラスト

#000000 #005a91 #00509d #007c8c
トリコロール 配色 3 色ビビット(v)トーンを使った3色のコントラスト

#005a91#c8bb00
#000000#c8bb00

紅色 グラデーション

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

#dd3737#e66d00#eeac00#c8bb00
#892c71#663e8c#005a91#00509d

紅色 一覧

紅色の色見本
(紅色の色見本)

jis慣用色名 紅色に近い色の色見本 rgb 16進数のカラーコード一覧

色見本 rgb 16進数
174,15,57 #AE0F39
174,15,67 #AE0F43
174,15,77 #AE0F4D
174,15,87 #AE0F57
174,25,57 #AE1939
174,25,67 #AE1943
174,25,77 #AE194D
174,25,87 #AE1957
174,35,57 #AE2339
174,35,67 #AE2343
174,35,77 #AE234D
174,35,87 #AE2357
174,45,57 #AE2D39
174,45,67 #AE2D43
174,45,77 #AE2D4D
174,45,87 #AE2D57
184,15,57 #B80F39
184,15,67 #B80F43
184,15,77 #B80F4D
184,15,87 #B80F57
184,25,57 #B81939
184,25,67 #B81943
184,25,77 #B8194D
184,25,87 #B81957
184,35,57 #B82339
184,35,67 #B82343
184,35,77 #B8234D
184,35,87 #B82357
184,45,57 #B82D39
184,45,67 #B82D43
184,45,77 #B82D4D
184,45,87 #B82D57
194,15,57 #C20F39
194,15,67 #C20F43
194,15,77 #C20F4D
194,15,87 #C20F57
194,25,57 #C21939
194,25,67 #C21943
194,25,77 #C2194D
194,25,87 #C21957
194,35,57 #C22339
194,35,67 #C22343
194,35,77 #C2234D
194,35,87 #C22357
194,45,57 #C22D39
194,45,67 #C22D43
194,45,77 #C22D4D
194,45,87 #C22D57
204,15,57 #CC0F39
204,15,67 #CC0F43
204,15,77 #CC0F4D
204,15,87 #CC0F57
204,25,57 #CC1939
204,25,67 #CC1943
204,25,77 #CC194D
204,25,87 #CC1957
204,35,57 #CC2339
204,35,67 #CC2343
204,35,77 #CC234D
204,35,87 #CC2357
204,45,57 #CC2D39
204,45,67 #CC2D43
204,45,77 #CC2D4D
204,45,87 #CC2D57

tag:レッド, 赤,



記事
webp から jpg 一括

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

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

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

cmyk 色見本

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

rgb 変換

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

画像 色 抽出

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

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

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

色 抽出 スポイトツール

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

rgba 変換