#5C5D5B - #E7E7E7 | #5C5D5Bと#E7E7E7の中間の色を算出
#5C5D5B - #E7E7E7 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。 サイトをよりよくする
Tweet
Blend #5C5D5B to #E7E7E7
#5C5D5B
#E7E7E7
#5C5D5Bと#E7E7E7の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#5C5D5B - #E7E7E7 | colorate
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#5C5D5Bを0%、#E7E7E7を100%として二色間の色を展開します。
0.0%
0.0%
#5C5D5B RGB 92 93 91 #5C5D5B
16.7%
16.7%
#737472 RGB 115 116 114 #737472
33.3%
33.3%
#8A8B89 RGB 138 139 137 #8A8B89
50.0%
50.0%
#A1A2A1 RGB 161 162 161 #A1A2A1
66.7%
66.7%
#B8B9B8 RGB 184 185 184 #B8B9B8
83.3%
83.3%
#CFD0CF RGB 207 208 207 #CFD0CF
100.0%
100.0%
#E7E7E7 RGB 231 231 231 #E7E7E7
クリップボードにコピーする
閉じる
#5C5D5B #737472 #8A8B89 #A1A2A1 #B8B9B8 #CFD0CF #E7E7E7
#5C5D5B - #E7E7E7
HSVブレンド
#5C5D5B - #E7E7E7 | colorate
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#5C5D5Bを0%、#E7E7E7を100%として二色間の色を展開します。
0.0%
0.0%
#5C5D5B RGB 92 93 91 #5C5D5B
16.7%
16.7%
#737471 RGB 115 116 113 #737471
33.3%
33.3%
#8B8B89 RGB 139 139 137 #8B8B89
50.0%
50.0%
#A2A1A0 RGB 162 161 160 #A2A1A0
66.7%
66.7%
#B9B8B7 RGB 185 184 183 #B9B8B7
83.3%
83.3%
#D0CFCF RGB 208 207 207 #D0CFCF
100.0%
100.0%
#E7E7E7 RGB 231 231 231 #E7E7E7
クリップボードにコピーする
閉じる
#5C5D5B #737471 #8B8B89 #A2A1A0 #B9B8B7 #D0CFCF #E7E7E7
#5C5D5B - #A2A1A0 - #E7E7E7
CSSコード
<style type="text/css">
/* RGB Gradation */             
div {
    background: -moz-linear-gradient(top, #5C5D5B 0%, #E7E7E7 100%);
    background: -webkit-linear-gradient(top, #5C5D5B 0%, #E7E7E7 100%);
    background: linear-gradient(to bottom, #5C5D5B 0%, #E7E7E7 100%);  
}       

/* HSV Gradation */
div {                
    background: -moz-linear-gradient(top, #5C5D5B 0%, #A2A1A0 50%, #E7E7E7 100%);
    background: -webkit-linear-gradient(top, #5C5D5B 0%, #A2A1A0 50%, #E7E7E7 100%);
    background: linear-gradient(to bottom, #5C5D5B 0%, #A2A1A0 50%, #E7E7E7 100%); 
}
</style>
近い色相のバリエーション
#5D5C5B - #E7E7E7
#5C5D5B - #E7E7E7
#5C5D5B - #E7E7E7
#5B5D5B - #E7E7E7
#5B5D5B - #E7E7E7
遠い色相のバリエーション
#5D5B5B - #E7E7E7
#5D5B5B - #E7E7E7
#5C5B5D - #E7E7E7
#5B5B5D - #E7E7E7
#5B5D5D - #E7E7E7
バーコードどころ
オンライン上でいろいろなバーコードの作成ができます。作成したバーコードはPNGやEPSでダウンロードできます。
バーコードを作成する
colorate
色と配色の持つ印象を掛け合わせることで、最適な配色を提案します。専門知識がなくても、だれでも短時間で、色彩理論に基づいた調和の取れた配色ができます。
配色を作成する
textate
テキスト文書を読みやすく、見返しやすい画像にします。SNSでまとまった文章を送りたいときに役立ちます。
テキストを画像にする
HTML Color PANTONE Chart Picker © 2021 - ssi
English 日本語 中文(简体) Deutsch Español Français italiano 한국
