Dear color lovers – together, we’ll have a more colorful future. Support us on

CSS グラデーション:
RGBA 189 165 174 0.3

インフォメーション

一網打尽



線形および放射状の色遷移の例をご覧ください。

ウェブデザインのためのシンプルさ:あなたのウェブサイトに簡単に統合できるように、CSSコードをコピーしてください。



線形および放射状の色遷移の例を 明るい色合い から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。



線形および放射状の色遷移の例を ダークシェード から見つけてください。

Web デザインに最適: CSS コードをコピーして、Web サイトに簡単に統合できます。

表示オプション

商品説明

明るい色:高い色彩値は明るい印象を与える。

RGB表色系における色の内訳:この色相では、最大255の色成分のうち、それぞれ 189 赤色 165 グリーンと 174 ブルー。

これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、赤(上)、緑(右下)、青(左下)の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
189 165 174 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 皆無 シアン 4 マゼンタ 2 黄色と 8 これらの色の混合比によって、重なり合った部分の真ん中に表示される色合いとなります。

イラストでは、シアン(左上)、マゼンタ(右上)、イエローまたは黄(右下)、ブラックまたはキー(左下)の4つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
0% 4% 2% 8% C M Y K

メーカーとしてのカラーパレットの検証!

デザイナーやエージェンシーに正確なカラーバリューを提供することができます。

レッツゴー

リニア

HEX #BDA5AE4C まで HEX #425A514C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 4%, #425A514C 90%);

ラジアル

HEX #BDA5AE4C まで HEX #425A514C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 2%, #425A514C 90%);

 

HEX #425A514C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #425A514C 3%, #BDA5AE4C 87%);

 

HEX #425A514C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #425A514C 7%, #BDA5AE4C 89%);

リニア

HEX #BDA5AE4C まで HEX #BCA4B44C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 0%, #BCA4B44C 88%);

ラジアル

HEX #BDA5AE4C まで HEX #BCA4B44C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 7%, #BCA4B44C 86%);

 

HEX #BCA4B44C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4B44C 10%, #BDA5AE4C 99%);

 

HEX #BCA4B44C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4B44C 7%, #BDA5AE4C 100%);

 

HEX #BDA5AE4C まで HEX #BCA4AD4C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 8%, #BCA4AD4C 94%);

 

HEX #BDA5AE4C まで HEX #BCA4AD4C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 4%, #BCA4AD4C 90%);

 

HEX #BCA4AD4C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4AD4C 7%, #BDA5AE4C 95%);

 

HEX #BCA4AD4C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4AD4C 11%, #BDA5AE4C 91%);

 

HEX #BDA5AE4C まで HEX #BCA4A74C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 0%, #BCA4A74C 86%);

 

HEX #BDA5AE4C まで HEX #BCA4A74C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 3%, #BCA4A74C 95%);

 

HEX #BCA4A74C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4A74C 4%, #BDA5AE4C 98%);

 

HEX #BCA4A74C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4A74C 5%, #BDA5AE4C 98%);

 

HEX #BDA5AE4C まで HEX #BCA8A44C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 0%, #BCA8A44C 97%);

 

HEX #BDA5AE4C まで HEX #BCA8A44C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 7%, #BCA8A44C 92%);

 

HEX #BCA8A44C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA8A44C 13%, #BDA5AE4C 96%);

 

HEX #BCA8A44C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA8A44C 1%, #BDA5AE4C 88%);

リニア

HEX #BDA5AE4C まで HEX #AA8C98


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 3%, #AA8C98 87%);

ラジアル

HEX #BDA5AE4C まで HEX #AA8C98


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 10%, #AA8C98 93%);

 

HEX #AA8C98 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #AA8C98 14%, #BDA5AE4C 86%);

 

HEX #AA8C98 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #AA8C98 6%, #BDA5AE4C 93%);

 

HEX #BDA5AE4C まで HEX #BCA4AD


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 2%, #BCA4AD 90%);

 

HEX #BDA5AE4C まで HEX #BCA4AD


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 3%, #BCA4AD 94%);

 

HEX #BCA4AD まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4AD 12%, #BDA5AE4C 93%);

 

HEX #BCA4AD まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4AD 8%, #BDA5AE4C 89%);

 

HEX #BDA5AE4C まで HEX #CDBCC2


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 6%, #CDBCC2 86%);

 

HEX #BDA5AE4C まで HEX #CDBCC2


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 11%, #CDBCC2 87%);

 

HEX #CDBCC2 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #CDBCC2 3%, #BDA5AE4C 97%);

 

HEX #CDBCC2 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #CDBCC2 0%, #BDA5AE4C 98%);

 

HEX #BDA5AE4C まで HEX #DFD4D8


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 6%, #DFD4D8 92%);

 

HEX #BDA5AE4C まで HEX #DFD4D8


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 14%, #DFD4D8 98%);

 

HEX #DFD4D8 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #DFD4D8 14%, #BDA5AE4C 86%);

 

HEX #DFD4D8 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #DFD4D8 13%, #BDA5AE4C 99%);

リニア

HEX #BDA5AE4C まで HEX #BCA4B44C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 3%, #BCA4B44C 100%);

ラジアル

HEX #BDA5AE4C まで HEX #BCA4B44C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 10%, #BCA4B44C 95%);

 

HEX #BCA4B44C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4B44C 5%, #BDA5AE4C 87%);

 

HEX #BCA4B44C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4B44C 5%, #BDA5AE4C 90%);

 

HEX #BDA5AE4C まで HEX #BCA4AD4C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 3%, #BCA4AD4C 92%);

 

HEX #BDA5AE4C まで HEX #BCA4AD4C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 4%, #BCA4AD4C 89%);

 

HEX #BCA4AD4C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4AD4C 12%, #BDA5AE4C 97%);

 

HEX #BCA4AD4C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4AD4C 9%, #BDA5AE4C 88%);

 

HEX #BDA5AE4C まで HEX #BCA4A74C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 1%, #BCA4A74C 97%);

 

HEX #BDA5AE4C まで HEX #BCA4A74C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 9%, #BCA4A74C 96%);

 

HEX #BCA4A74C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4A74C 7%, #BDA5AE4C 86%);

 

HEX #BCA4A74C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4A74C 3%, #BDA5AE4C 91%);

 

HEX #BDA5AE4C まで HEX #BCA8A44C


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 11%, #BCA8A44C 96%);

 

HEX #BDA5AE4C まで HEX #BCA8A44C


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 10%, #BCA8A44C 92%);

 

HEX #BCA8A44C まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA8A44C 7%, #BDA5AE4C 87%);

 

HEX #BCA8A44C まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA8A44C 14%, #BDA5AE4C 100%);

リニア

HEX #BDA5AE4C まで HEX #AA8C98


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 11%, #AA8C98 97%);

ラジアル

HEX #BDA5AE4C まで HEX #AA8C98


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 14%, #AA8C98 88%);

 

HEX #AA8C98 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #AA8C98 12%, #BDA5AE4C 94%);

 

HEX #AA8C98 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #AA8C98 3%, #BDA5AE4C 93%);

 

HEX #BDA5AE4C まで HEX #BCA4AD


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 1%, #BCA4AD 100%);

 

HEX #BDA5AE4C まで HEX #BCA4AD


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 12%, #BCA4AD 96%);

 

HEX #BCA4AD まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCA4AD 5%, #BDA5AE4C 86%);

 

HEX #BCA4AD まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCA4AD 6%, #BDA5AE4C 86%);

 

HEX #BDA5AE4C まで HEX #CDBCC2


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 4%, #CDBCC2 97%);

 

HEX #BDA5AE4C まで HEX #CDBCC2


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 12%, #CDBCC2 99%);

 

HEX #CDBCC2 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #CDBCC2 6%, #BDA5AE4C 86%);

 

HEX #CDBCC2 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #CDBCC2 12%, #BDA5AE4C 89%);

 

HEX #BDA5AE4C まで HEX #DFD4D8


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 8%, #DFD4D8 99%);

 

HEX #BDA5AE4C まで HEX #DFD4D8


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 9%, #DFD4D8 94%);

 

HEX #DFD4D8 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #DFD4D8 10%, #BDA5AE4C 90%);

 

HEX #DFD4D8 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #DFD4D8 7%, #BDA5AE4C 91%);

リニア

HEX #BDA5AE4C まで HEX #BCB7A4


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 2%, #BCB7A4 97%);

ラジアル

HEX #BDA5AE4C まで HEX #BCB7A4


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 6%, #BCB7A4 89%);

 

HEX #BCB7A4 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCB7A4 10%, #BDA5AE4C 91%);

 

HEX #BCB7A4 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCB7A4 8%, #BDA5AE4C 96%);

 

HEX #BDA5AE4C まで HEX #A4B7BC


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 12%, #A4B7BC 88%);

 

HEX #BDA5AE4C まで HEX #A4B7BC


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 8%, #A4B7BC 96%);

 

HEX #A4B7BC まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #A4B7BC 5%, #BDA5AE4C 100%);

 

HEX #A4B7BC まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #A4B7BC 6%, #BDA5AE4C 92%);

リニア

HEX #BDA5AE4C まで HEX #ADBCA4


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 4%, #ADBCA4 90%);

ラジアル

HEX #BDA5AE4C まで HEX #ADBCA4


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 8%, #ADBCA4 86%);

 

HEX #ADBCA4 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #ADBCA4 10%, #BDA5AE4C 88%);

 

HEX #ADBCA4 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #ADBCA4 6%, #BDA5AE4C 88%);

 

HEX #BDA5AE4C まで HEX #A4ADBC


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 10%, #A4ADBC 95%);

 

HEX #BDA5AE4C まで HEX #A4ADBC


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 13%, #A4ADBC 92%);

 

HEX #A4ADBC まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #A4ADBC 10%, #BDA5AE4C 86%);

 

HEX #A4ADBC まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #A4ADBC 11%, #BDA5AE4C 93%);

リニア

HEX #BDA5AE4C まで HEX #BCB7A4


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 4%, #BCB7A4 92%);

ラジアル

HEX #BDA5AE4C まで HEX #BCB7A4


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 4%, #BCB7A4 91%);

 

HEX #BCB7A4 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #BCB7A4 12%, #BDA5AE4C 95%);

 

HEX #BCB7A4 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #BCB7A4 1%, #BDA5AE4C 93%);

 

HEX #BDA5AE4C まで HEX #A4BCB3


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 1%, #A4BCB3 87%);

 

HEX #BDA5AE4C まで HEX #A4BCB3


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 0%, #A4BCB3 87%);

 

HEX #A4BCB3 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #A4BCB3 13%, #BDA5AE4C 99%);

 

HEX #A4BCB3 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #A4BCB3 10%, #BDA5AE4C 97%);

 

HEX #BDA5AE4C まで HEX #A4A8BC


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 7%, #A4A8BC 90%);

 

HEX #BDA5AE4C まで HEX #A4A8BC


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 8%, #A4A8BC 100%);

 

HEX #A4A8BC まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #A4A8BC 5%, #BDA5AE4C 86%);

 

HEX #A4A8BC まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #A4A8BC 1%, #BDA5AE4C 97%);

リニア

HEX #BDA5AE4C まで HEX #B9BCA4


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 0%, #B9BCA4 97%);

ラジアル

HEX #BDA5AE4C まで HEX #B9BCA4


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 1%, #B9BCA4 100%);

 

HEX #B9BCA4 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #B9BCA4 2%, #BDA5AE4C 86%);

 

HEX #B9BCA4 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #B9BCA4 14%, #BDA5AE4C 94%);

 

HEX #BDA5AE4C まで HEX #A4BCB3


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 7%, #A4BCB3 98%);

 

HEX #BDA5AE4C まで HEX #A4BCB3


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 10%, #A4BCB3 90%);

 

HEX #A4BCB3 まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #A4BCB3 6%, #BDA5AE4C 100%);

 

HEX #A4BCB3 まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #A4BCB3 0%, #BDA5AE4C 94%);

 

HEX #BDA5AE4C まで HEX #A7A4BC


CSSコード:

background-image: linear-gradient(135deg, #BDA5AE4C 1%, #A7A4BC 87%);

 

HEX #BDA5AE4C まで HEX #A7A4BC


CSSコード:

background-image: radial-gradient(circle, #BDA5AE4C 14%, #A7A4BC 90%);

 

HEX #A7A4BC まで HEX #BDA5AE4C


CSSコード:

background-image: linear-gradient(135deg, #A7A4BC 12%, #BDA5AE4C 97%);

 

HEX #A7A4BC まで HEX #BDA5AE4C


CSSコード:

background-image: radial-gradient(circle, #A7A4BC 2%, #BDA5AE4C 88%);

カラーパレットをもっと見る

サービス内容

カラー

ラグビー に 呪咀

から変換する RGB レッド・グリーン・ブルー まで #RRGGBB

ラグビー に カミーユ

から変換する RGB レッド・グリーン・ブルー まで CMYK シアン/マゼンタ/イエロー/キー

Icons

ラグビー に ラル®

から変換する RGB レッド・グリーン・ブルー まで RAL® 番号 (RAL 0000)

ラグビー に 豚足®

から変換する RGB レッド・グリーン・ブルー まで HKS® 番号(HKS 00)

ラグビー に パントン®

から変換する RGB レッド・グリーン・ブルー まで Pantone® 番号 (Pantone 0000)

ラグビー に シャーウィン・ウィリアムズ®

から変換する RGB レッド・グリーン・ブルー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグビー に エヌシーエス®

から変換する RGB レッド・グリーン・ブルー まで NCS番号(S0000-X00X)

nsc-logo

ラグバ に 呪咀

から変換する RGBA 赤 緑 青 透過率 まで #RRGGBB

ラグバ に カミーユ

から変換する RGBA 赤 緑 青 透過率 まで CMYK シアン/マゼンタ/イエロー/キー

Icons

ラグバ に ラル®

から変換する RGBA 赤 緑 青 透過率 まで RAL® 番号 (RAL 0000)

ラグバ に 豚足®

から変換する RGBA 赤 緑 青 透過率 まで HKS® 番号(HKS 00)

ラグバ に パントン®

から変換する RGBA 赤 緑 青 透過率 まで Pantone® 番号 (Pantone 0000)

ラグバ に シャーウィン・ウィリアムズ®

から変換する RGBA 赤 緑 青 透過率 まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラグバ に エヌシーエス®

から変換する RGBA 赤 緑 青 透過率 まで NCS番号(S0000-X00X)

nsc-logo

カミーユ に 呪咀

から変換する CMYK シアン/マゼンタ/イエロー/キー まで #RRGGBB

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラグバ

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGBA 赤 緑 青 透過率

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで NCS番号(S0000-X00X)

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に ラグバ

から変換する #RRGGBB まで RGBA 赤 緑 青 透過率

呪咀 に カミーユ

から変換する #RRGGBB まで CMYK シアン/マゼンタ/イエロー/キー

Icons

呪咀 に ラル®

から変換する #RRGGBB まで RAL® 番号 (RAL 0000)

呪咀 に 豚足®

から変換する #RRGGBB まで HKS® 番号(HKS 00)

呪咀 に パントン®

から変換する #RRGGBB まで Pantone® 番号 (Pantone 0000)

呪咀 に シャーウィン・ウィリアムズ®

から変換する #RRGGBB まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

呪咀 に エヌシーエス®

から変換する #RRGGBB まで NCS番号(S0000-X00X)

nsc-logo

ラル® に ラグビー

から変換する RAL® 番号 (RAL 0000) まで RGB レッド・グリーン・ブルー

ラル® に ラグバ

から変換する RAL® 番号 (RAL 0000) まで RGBA 赤 緑 青 透過率

ラル® に カミーユ

から変換する RAL® 番号 (RAL 0000) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

ラル® に 呪咀

から変換する RAL® 番号 (RAL 0000) まで #RRGGBB

ラル® に 豚足®

から変換する RAL® 番号 (RAL 0000) まで HKS® 番号(HKS 00)

ラル® に パントン®

から変換する RAL® 番号 (RAL 0000) まで Pantone® 番号 (Pantone 0000)

ラル® に シャーウィン・ウィリアムズ®

から変換する RAL® 番号 (RAL 0000) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

ラル® に エヌシーエス®

から変換する RAL® 番号 (RAL 0000) まで NCS番号(S0000-X00X)

nsc-logo

豚足® に ラグビー

から変換する HKS® 番号(HKS 00) まで RGB レッド・グリーン・ブルー

豚足® に ラグバ

から変換する HKS® 番号(HKS 00) まで RGBA 赤 緑 青 透過率

豚足® に カミーユ

から変換する HKS® 番号(HKS 00) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

豚足® に 呪咀

から変換する HKS® 番号(HKS 00) まで #RRGGBB

豚足® に ラル®

から変換する HKS® 番号(HKS 00) まで RAL® 番号 (RAL 0000)

豚足® に パントン®

から変換する HKS® 番号(HKS 00) まで Pantone® 番号 (Pantone 0000)

豚足® に シャーウィン・ウィリアムズ®

から変換する HKS® 番号(HKS 00) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

豚足® に エヌシーエス®

から変換する HKS® 番号(HKS 00) まで NCS番号(S0000-X00X)

nsc-logo

パントン® に ラグビー

から変換する Pantone® 番号 (Pantone 0000) まで RGB レッド・グリーン・ブルー

パントン® に ラグバ

から変換する Pantone® 番号 (Pantone 0000) まで RGBA 赤 緑 青 透過率

パントン® に カミーユ

から変換する Pantone® 番号 (Pantone 0000) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

パントン® に 呪咀

から変換する Pantone® 番号 (Pantone 0000) まで #RRGGBB

パントン® に ラル®

から変換する Pantone® 番号 (Pantone 0000) まで RAL® 番号 (RAL 0000)

パントン® に 豚足®

から変換する Pantone® 番号 (Pantone 0000) まで HKS® 番号(HKS 00)

パントン® に シャーウィン・ウィリアムズ®

から変換する Pantone® 番号 (Pantone 0000) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

パントン® に エヌシーエス®

から変換する Pantone® 番号 (Pantone 0000) まで NCS番号(S0000-X00X)

nsc-logo

シャーウィン・ウィリアムズ® に ラグビー

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGB レッド・グリーン・ブルー

シャーウィン・ウィリアムズ® に ラグバ

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RGBA 赤 緑 青 透過率

シャーウィン・ウィリアムズ® に カミーユ

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

シャーウィン・ウィリアムズ® に 呪咀

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで #RRGGBB

シャーウィン・ウィリアムズ® に ラル®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで RAL® 番号 (RAL 0000)

シャーウィン・ウィリアムズ® に 豚足®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで HKS® 番号(HKS 00)

シャーウィン・ウィリアムズ® に パントン®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで Pantone® 番号 (Pantone 0000)

シャーウィン・ウィリアムズ® に エヌシーエス®

から変換する シャーウィン・ウィリアムズ® 番号 (SW 0000) まで NCS番号(S0000-X00X)

nsc-logo

エヌシーエス® に ラグビー

から変換する NCS番号(S0000-X00X) まで RGB レッド・グリーン・ブルー

エヌシーエス® に ラグバ

から変換する NCS番号(S0000-X00X) まで RGBA 赤 緑 青 透過率

エヌシーエス® に カミーユ

から変換する NCS番号(S0000-X00X) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

To be able to save color palettes, a registration is required.

Log in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the desired link.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View them under your profile.
You can customize them further, and share them.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking on you can create palettes and download the color swatches.