#521F1C - #1C5052 | #521F1Cと#1C5052の中間の色を算出
#521F1C - #1C5052 | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。 サイトをよりよくする
Tweet
Blend #521F1C to #1C5052
#521F1C
#1C5052
#521F1Cと#1C5052の二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#521F1C - #1C5052 | colorate
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#521F1Cを0%、#1C5052を100%として二色間の色を展開します。
0.0%
0.0%
#521F1C RGB 82 31 28 #521F1C
16.7%
16.7%
#492725 RGB 73 39 37 #492725
33.3%
33.3%
#402F2E RGB 64 47 46 #402F2E
50.0%
50.0%
#373737 RGB 55 55 55 #373737
66.7%
66.7%
#2E3F40 RGB 46 63 64 #2E3F40
83.3%
83.3%
#254749 RGB 37 71 73 #254749
100.0%
100.0%
#1C5052 RGB 28 80 82 #1C5052
クリップボードにコピーする
閉じる
#521F1C #492725 #402F2E #373737 #2E3F40 #254749 #1C5052
#521F1C - #1C5052
HSVブレンド
#521F1C - #1C5052 | colorate
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#521F1Cを0%、#1C5052を100%として二色間の色を展開します。
0.0%
0.0%
#521F1C RGB 82 31 28 #521F1C
16.7%
16.7%
#52391C RGB 82 57 28 #52391C
33.3%
33.3%
#4F521C RGB 79 82 28 #4F521C
50.0%
50.0%
#34521C RGB 52 82 28 #34521C
66.7%
66.7%
#1C521E RGB 28 82 30 #1C521E
83.3%
83.3%
#1C5239 RGB 28 82 57 #1C5239
100.0%
100.0%
#1C5052 RGB 28 80 82 #1C5052
クリップボードにコピーする
閉じる
#521F1C #52391C #4F521C #34521C #1C521E #1C5239 #1C5052
#521F1C - #34521C - #1C5052
CSSコード
<style type="text/css">
/* RGB Gradation */             
div {
    background: -moz-linear-gradient(top, #521F1C 0%, #1C5052 100%);
    background: -webkit-linear-gradient(top, #521F1C 0%, #1C5052 100%);
    background: linear-gradient(to bottom, #521F1C 0%, #1C5052 100%);  
}       

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