#161417 - #DDDDDD | #161417と#DDDDDDの中間の色を算出
#161417 - #DDDDDD | colorate
colorateはデザイナーや開発者向けの配色ツールです。あなたのインスピレーションを引き出し、よりよい配色の構成に役立ちます。 サイトをよりよくする
Tweet
Blend #161417 to #DDDDDD
#161417
#DDDDDD
#161417と#DDDDDDの二色間の色を演算します。色味の近い色同士では滑らかですが、RGB値をもとにした通常のブレンドでは、色味の遠い色同士の中間の色は彩度が低くなりグレーに近くなります。HSV値をもとにしたブレンドでは、色味の遠い色同士でも彩度の低下はありません。
RGBブレンド
#161417 - #DDDDDD | colorate
RGBブレンド
RGB値をもとにした二色間のブレンドです。色味の離れた色同士では、二色間の彩度は低下します。#161417を0%、#DDDDDDを100%として二色間の色を展開します。
0.0%
0.0%
#161417 RGB 22 20 23 #161417
16.7%
16.7%
#373538 RGB 55 53 56 #373538
33.3%
33.3%
#585759 RGB 88 87 89 #585759
50.0%
50.0%
#79787A RGB 121 120 122 #79787A
66.7%
66.7%
#9A9A9B RGB 154 154 155 #9A9A9B
83.3%
83.3%
#BBBBBC RGB 187 187 188 #BBBBBC
100.0%
100.0%
#DDDDDD RGB 221 221 221 #DDDDDD
クリップボードにコピーする
閉じる
#161417 #373538 #585759 #79787A #9A9A9B #BBBBBC #DDDDDD
#161417 - #DDDDDD
HSVブレンド
#161417 - #DDDDDD | colorate
HSVブレンド
HSV値をもとにした二色間のブレンドです。色味の離れた色同士でも、二色間の彩度は低下しません。#161417を0%、#DDDDDDを100%として二色間の色を展開します。
0.0%
0.0%
#161417 RGB 22 20 23 #161417
16.7%
16.7%
#373138 RGB 55 49 56 #373138
33.3%
33.3%
#595158 RGB 89 81 88 #595158
50.0%
50.0%
#7A7277 RGB 122 114 119 #7A7277
66.7%
66.7%
#9B9497 RGB 155 148 151 #9B9497
83.3%
83.3%
#BCB7B8 RGB 188 183 184 #BCB7B8
100.0%
100.0%
#DDDDDD RGB 221 221 221 #DDDDDD
クリップボードにコピーする
閉じる
#161417 #373138 #595158 #7A7277 #9B9497 #BCB7B8 #DDDDDD
#161417 - #7A7277 - #DDDDDD
CSSコード
<style type="text/css">
/* RGB Gradation */             
div {
    background: -moz-linear-gradient(top, #161417 0%, #DDDDDD 100%);
    background: -webkit-linear-gradient(top, #161417 0%, #DDDDDD 100%);
    background: linear-gradient(to bottom, #161417 0%, #DDDDDD 100%);  
}       

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