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

CSS グラデーション:
RGB 165 173 191

インフォメーション

一網打尽



基本色調と補色などの2つの色調から、CSSが色のグラデーションを提案します。

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

ウェブデザインに簡単:CSSコードをコピーして、ウェブサイトに簡単に組み込めます。

ベースとなる色調と明るい色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を 明るい色合い から検索します。

ウェブデザインに簡単:CSS コードをコピーしてウェブサイトに簡単に組み込めます。

ベースとなる色調と暗い色調など、2 つの色調から CSS で色のグラデーションを提案させます。

線形および放射状の色遷移の例を ダークシェード から検索します。

ウェブデザインに簡単:CSS コードをコピーして、ウェブサイトに簡単に組み込めます。

表示オプション

商品説明

色値が他と比較して高いため、この色合いは私たちには明るく見える。

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

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

イラストでは、赤(上)、緑(右下)、青(左下)の3つの成分で色が構成されていることがわかりますね。真ん中にあるのは、結果の色です。
165 173 191 R G B
CMYK表色系では、色は次のように構成される。この色調では、最大色成分100のうち、それぞれ 14 シアン 9 マゼンタ 皆無 黄色と 25

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

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

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

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

レッツゴー

リニア

HEX #A5ADBF まで HEX #5A5240


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 2%, #5A5240 95%);

ラジアル

HEX #A5ADBF まで HEX #5A5240


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 0%, #5A5240 96%);

 

HEX #5A5240 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #5A5240 0%, #A5ADBF 99%);

 

HEX #5A5240 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #5A5240 6%, #A5ADBF 98%);

リニア

HEX #A5ADBF まで HEX #BBBFCD


CSSコード:

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

ラジアル

HEX #A5ADBF まで HEX #BBBFCD


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 11%, #BBBFCD 98%);

 

HEX #BBBFCD まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #BBBFCD 2%, #A5ADBF 88%);

 

HEX #BBBFCD まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #BBBFCD 0%, #A5ADBF 98%);

 

HEX #A5ADBF まで HEX #CCD1E0


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 10%, #CCD1E0 87%);

 

HEX #A5ADBF まで HEX #CCD1E0


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 3%, #CCD1E0 92%);

 

HEX #CCD1E0 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #CCD1E0 13%, #A5ADBF 94%);

 

HEX #CCD1E0 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #CCD1E0 4%, #A5ADBF 99%);

 

HEX #A5ADBF まで HEX #DDE3F3


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 9%, #DDE3F3 100%);

 

HEX #A5ADBF まで HEX #DDE3F3


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 0%, #DDE3F3 96%);

 

HEX #DDE3F3 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #DDE3F3 14%, #A5ADBF 99%);

 

HEX #DDE3F3 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #DDE3F3 10%, #A5ADBF 92%);

 

HEX #A5ADBF まで HEX #EEF5FF


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 2%, #EEF5FF 93%);

 

HEX #A5ADBF まで HEX #EEF5FF


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 14%, #EEF5FF 93%);

 

HEX #EEF5FF まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #EEF5FF 10%, #A5ADBF 89%);

 

HEX #EEF5FF まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #EEF5FF 8%, #A5ADBF 98%);

リニア

HEX #A5ADBF まで HEX #949BAC


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 5%, #949BAC 88%);

ラジアル

HEX #A5ADBF まで HEX #949BAC


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 13%, #949BAC 89%);

 

HEX #949BAC まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #949BAC 11%, #A5ADBF 86%);

 

HEX #949BAC まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #949BAC 9%, #A5ADBF 89%);

 

HEX #A5ADBF まで HEX #838999


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 5%, #838999 88%);

 

HEX #A5ADBF まで HEX #838999


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 11%, #838999 86%);

 

HEX #838999 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #838999 3%, #A5ADBF 88%);

 

HEX #838999 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #838999 3%, #A5ADBF 100%);

 

HEX #A5ADBF まで HEX #727786


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 10%, #727786 92%);

 

HEX #A5ADBF まで HEX #727786


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 2%, #727786 93%);

 

HEX #727786 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #727786 4%, #A5ADBF 100%);

 

HEX #727786 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #727786 8%, #A5ADBF 92%);

 

HEX #A5ADBF まで HEX #616573


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 10%, #616573 89%);

 

HEX #A5ADBF まで HEX #616573


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 5%, #616573 89%);

 

HEX #616573 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #616573 6%, #A5ADBF 89%);

 

HEX #616573 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #616573 9%, #A5ADBF 88%);

リニア

HEX #A5ADBF まで HEX #A5A9BF


CSSコード:

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

ラジアル

HEX #A5ADBF まで HEX #A5A9BF


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 1%, #A5A9BF 91%);

 

HEX #A5A9BF まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #A5A9BF 11%, #A5ADBF 94%);

 

HEX #A5A9BF まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #A5A9BF 3%, #A5ADBF 94%);

 

HEX #A5ADBF まで HEX #A5A5BF


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 1%, #A5A5BF 92%);

 

HEX #A5ADBF まで HEX #A5A5BF


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 8%, #A5A5BF 100%);

 

HEX #A5A5BF まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #A5A5BF 12%, #A5ADBF 92%);

 

HEX #A5A5BF まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #A5A5BF 13%, #A5ADBF 95%);

 

HEX #A5ADBF まで HEX #AAA5BF


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 7%, #AAA5BF 91%);

 

HEX #A5ADBF まで HEX #AAA5BF


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 14%, #AAA5BF 89%);

 

HEX #AAA5BF まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #AAA5BF 4%, #A5ADBF 99%);

 

HEX #AAA5BF まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #AAA5BF 9%, #A5ADBF 90%);

 

HEX #A5ADBF まで HEX #AEA5BF


CSSコード:

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

 

HEX #A5ADBF まで HEX #AEA5BF


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 10%, #AEA5BF 87%);

 

HEX #AEA5BF まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #AEA5BF 5%, #A5ADBF 90%);

 

HEX #AEA5BF まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #AEA5BF 6%, #A5ADBF 86%);

リニア

HEX #A5ADBF まで HEX #D1DBF2


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 1%, #D1DBF2 94%);

ラジアル

HEX #A5ADBF まで HEX #D1DBF2


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 7%, #D1DBF2 92%);

 

HEX #D1DBF2 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #D1DBF2 7%, #A5ADBF 99%);

 

HEX #D1DBF2 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #D1DBF2 12%, #A5ADBF 87%);

 

HEX #A5ADBF まで HEX #212226


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 1%, #212226 86%);

 

HEX #A5ADBF まで HEX #212226


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 11%, #212226 91%);

 

HEX #212226 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #212226 10%, #A5ADBF 94%);

 

HEX #212226 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #212226 9%, #A5ADBF 89%);

 

HEX #A5ADBF まで HEX #4D5159


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 6%, #4D5159 100%);

 

HEX #A5ADBF まで HEX #4D5159


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 10%, #4D5159 86%);

 

HEX #4D5159 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #4D5159 13%, #A5ADBF 88%);

 

HEX #4D5159 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #4D5159 2%, #A5ADBF 94%);

 

HEX #A5ADBF まで HEX #797F8C


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 13%, #797F8C 99%);

 

HEX #A5ADBF まで HEX #797F8C


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 12%, #797F8C 93%);

 

HEX #797F8C まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #797F8C 13%, #A5ADBF 95%);

 

HEX #797F8C まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #797F8C 3%, #A5ADBF 89%);

リニア

HEX #A5ADBF まで HEX #BCA5BF


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 5%, #BCA5BF 96%);

ラジアル

HEX #A5ADBF まで HEX #BCA5BF


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 6%, #BCA5BF 86%);

 

HEX #BCA5BF まで HEX #A5ADBF


CSSコード:

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

 

HEX #BCA5BF まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #BCA5BF 6%, #A5ADBF 100%);

 

HEX #A5ADBF まで HEX #B8BFA5


CSSコード:

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

 

HEX #A5ADBF まで HEX #B8BFA5


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 0%, #B8BFA5 86%);

 

HEX #B8BFA5 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #B8BFA5 14%, #A5ADBF 95%);

 

HEX #B8BFA5 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #B8BFA5 10%, #A5ADBF 94%);

リニア

HEX #A5ADBF まで HEX #BFA5AD


CSSコード:

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

ラジアル

HEX #A5ADBF まで HEX #BFA5AD


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 13%, #BFA5AD 89%);

 

HEX #BFA5AD まで HEX #A5ADBF


CSSコード:

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

 

HEX #BFA5AD まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #BFA5AD 1%, #A5ADBF 92%);

 

HEX #A5ADBF まで HEX #ADBFA5


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 14%, #ADBFA5 95%);

 

HEX #A5ADBF まで HEX #ADBFA5


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 12%, #ADBFA5 87%);

 

HEX #ADBFA5 まで HEX #A5ADBF


CSSコード:

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

 

HEX #ADBFA5 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #ADBFA5 5%, #A5ADBF 92%);

リニア

HEX #A5ADBF まで HEX #BCA5BF


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 3%, #BCA5BF 89%);

ラジアル

HEX #A5ADBF まで HEX #BCA5BF


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 6%, #BCA5BF 91%);

 

HEX #BCA5BF まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #BCA5BF 0%, #A5ADBF 90%);

 

HEX #BCA5BF まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #BCA5BF 10%, #A5ADBF 99%);

 

HEX #A5ADBF まで HEX #BFB7A5


CSSコード:

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

 

HEX #A5ADBF まで HEX #BFB7A5


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 7%, #BFB7A5 97%);

 

HEX #BFB7A5 まで HEX #A5ADBF


CSSコード:

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

 

HEX #BFB7A5 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #BFB7A5 0%, #A5ADBF 95%);

 

HEX #A5ADBF まで HEX #A8BFA5


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 6%, #A8BFA5 97%);

 

HEX #A5ADBF まで HEX #A8BFA5


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 6%, #A8BFA5 100%);

 

HEX #A8BFA5 まで HEX #A5ADBF


CSSコード:

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

 

HEX #A8BFA5 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #A8BFA5 8%, #A5ADBF 91%);

リニア

HEX #A5ADBF まで HEX #BFA5BA


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 12%, #BFA5BA 90%);

ラジアル

HEX #A5ADBF まで HEX #BFA5BA


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 5%, #BFA5BA 96%);

 

HEX #BFA5BA まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #BFA5BA 9%, #A5ADBF 94%);

 

HEX #BFA5BA まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #BFA5BA 4%, #A5ADBF 98%);

 

HEX #A5ADBF まで HEX #BFB7A5


CSSコード:

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

 

HEX #A5ADBF まで HEX #BFB7A5


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 13%, #BFB7A5 89%);

 

HEX #BFB7A5 まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #BFB7A5 5%, #A5ADBF 94%);

 

HEX #BFB7A5 まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #BFB7A5 4%, #A5ADBF 86%);

 

HEX #A5ADBF まで HEX #A5BFAA


CSSコード:

background-image: linear-gradient(135deg, #A5ADBF 6%, #A5BFAA 90%);

 

HEX #A5ADBF まで HEX #A5BFAA


CSSコード:

background-image: radial-gradient(circle, #A5ADBF 11%, #A5BFAA 89%);

 

HEX #A5BFAA まで HEX #A5ADBF


CSSコード:

background-image: linear-gradient(135deg, #A5BFAA 5%, #A5ADBF 94%);

 

HEX #A5BFAA まで HEX #A5ADBF


CSSコード:

background-image: radial-gradient(circle, #A5BFAA 9%, #A5ADBF 92%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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, you must be logged in.

Sign 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 link you want.

Share

OK, I have copied the links

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

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

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