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

CSS グラデーション:
RGB 190 192 250

インフォメーション

一網打尽



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

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

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

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

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

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

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

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

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

表示オプション

商品説明

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

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BEC0FA まで HEX #413F05


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 5%, #413F05 93%);

ラジアル

HEX #BEC0FA まで HEX #413F05


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 13%, #413F05 100%);

 

HEX #413F05 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #413F05 4%, #BEC0FA 91%);

 

HEX #413F05 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #413F05 7%, #BEC0FA 100%);

リニア

HEX #BEC0FA まで HEX #D4D2FF


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 4%, #D4D2FF 87%);

ラジアル

HEX #BEC0FA まで HEX #D4D2FF


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 10%, #D4D2FF 93%);

 

HEX #D4D2FF まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #D4D2FF 7%, #BEC0FA 93%);

 

HEX #D4D2FF まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #D4D2FF 11%, #BEC0FA 90%);

 

HEX #BEC0FA まで HEX #E5E4FF


CSSコード:

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

 

HEX #BEC0FA まで HEX #E5E4FF


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 1%, #E5E4FF 99%);

 

HEX #E5E4FF まで HEX #BEC0FA


CSSコード:

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

 

HEX #E5E4FF まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #E5E4FF 8%, #BEC0FA 100%);

 

HEX #BEC0FA まで HEX #F6F6FF


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 2%, #F6F6FF 100%);

 

HEX #BEC0FA まで HEX #F6F6FF


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 2%, #F6F6FF 91%);

 

HEX #F6F6FF まで HEX #BEC0FA


CSSコード:

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

 

HEX #F6F6FF まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #F6F6FF 14%, #BEC0FA 96%);

リニア

HEX #BEC0FA まで HEX #ADAEE7


CSSコード:

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

ラジアル

HEX #BEC0FA まで HEX #ADAEE7


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 5%, #ADAEE7 96%);

 

HEX #ADAEE7 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #ADAEE7 14%, #BEC0FA 94%);

 

HEX #ADAEE7 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #ADAEE7 13%, #BEC0FA 96%);

 

HEX #BEC0FA まで HEX #9C9CD4


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 2%, #9C9CD4 88%);

 

HEX #BEC0FA まで HEX #9C9CD4


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 0%, #9C9CD4 92%);

 

HEX #9C9CD4 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #9C9CD4 9%, #BEC0FA 93%);

 

HEX #9C9CD4 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #9C9CD4 10%, #BEC0FA 98%);

 

HEX #BEC0FA まで HEX #8B8AC1


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 13%, #8B8AC1 93%);

 

HEX #BEC0FA まで HEX #8B8AC1


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 6%, #8B8AC1 90%);

 

HEX #8B8AC1 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #8B8AC1 9%, #BEC0FA 93%);

 

HEX #8B8AC1 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #8B8AC1 2%, #BEC0FA 89%);

 

HEX #BEC0FA まで HEX #7A78AE


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 10%, #7A78AE 92%);

 

HEX #BEC0FA まで HEX #7A78AE


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 0%, #7A78AE 89%);

 

HEX #7A78AE まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #7A78AE 13%, #BEC0FA 91%);

 

HEX #7A78AE まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #7A78AE 0%, #BEC0FA 91%);

リニア

HEX #BEC0FA まで HEX #C4BCFA


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 7%, #C4BCFA 97%);

ラジアル

HEX #BEC0FA まで HEX #C4BCFA


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 0%, #C4BCFA 86%);

 

HEX #C4BCFA まで HEX #BEC0FA


CSSコード:

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

 

HEX #C4BCFA まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #C4BCFA 5%, #BEC0FA 87%);

 

HEX #BEC0FA まで HEX #CFBCFA


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 3%, #CFBCFA 99%);

 

HEX #BEC0FA まで HEX #CFBCFA


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 2%, #CFBCFA 99%);

 

HEX #CFBCFA まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #CFBCFA 9%, #BEC0FA 95%);

 

HEX #CFBCFA まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #CFBCFA 7%, #BEC0FA 98%);

 

HEX #BEC0FA まで HEX #D9BCFA


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 3%, #D9BCFA 99%);

 

HEX #BEC0FA まで HEX #D9BCFA


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 4%, #D9BCFA 86%);

 

HEX #D9BCFA まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #D9BCFA 3%, #BEC0FA 94%);

 

HEX #D9BCFA まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #D9BCFA 10%, #BEC0FA 87%);

 

HEX #BEC0FA まで HEX #E3BCFA


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 0%, #E3BCFA 93%);

 

HEX #BEC0FA まで HEX #E3BCFA


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 13%, #E3BCFA 86%);

 

HEX #E3BCFA まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #E3BCFA 2%, #BEC0FA 98%);

 

HEX #E3BCFA まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #E3BCFA 6%, #BEC0FA 100%);

リニア

HEX #BEC0FA まで HEX #23232E


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 4%, #23232E 91%);

ラジアル

HEX #BEC0FA まで HEX #23232E


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 10%, #23232E 98%);

 

HEX #23232E まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #23232E 11%, #BEC0FA 98%);

 

HEX #23232E まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #23232E 9%, #BEC0FA 100%);

 

HEX #BEC0FA まで HEX #4A4A61


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 9%, #4A4A61 93%);

 

HEX #BEC0FA まで HEX #4A4A61


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 3%, #4A4A61 93%);

 

HEX #4A4A61 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #4A4A61 7%, #BEC0FA 90%);

 

HEX #4A4A61 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #4A4A61 0%, #BEC0FA 100%);

 

HEX #BEC0FA まで HEX #707294


CSSコード:

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

 

HEX #BEC0FA まで HEX #707294


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 5%, #707294 90%);

 

HEX #707294 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #707294 9%, #BEC0FA 86%);

 

HEX #707294 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #707294 6%, #BEC0FA 94%);

 

HEX #BEC0FA まで HEX #9799C7


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 0%, #9799C7 91%);

 

HEX #BEC0FA まで HEX #9799C7


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 11%, #9799C7 90%);

 

HEX #9799C7 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #9799C7 11%, #BEC0FA 96%);

 

HEX #9799C7 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #9799C7 3%, #BEC0FA 98%);

リニア

HEX #BEC0FA まで HEX #FABCEF


CSSコード:

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

ラジアル

HEX #BEC0FA まで HEX #FABCEF


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 9%, #FABCEF 90%);

 

HEX #FABCEF まで HEX #BEC0FA


CSSコード:

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

 

HEX #FABCEF まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #FABCEF 1%, #BEC0FA 91%);

 

HEX #BEC0FA まで HEX #D7FABC


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 7%, #D7FABC 97%);

 

HEX #BEC0FA まで HEX #D7FABC


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 13%, #D7FABC 98%);

 

HEX #D7FABC まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #D7FABC 8%, #BEC0FA 87%);

 

HEX #D7FABC まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #D7FABC 13%, #BEC0FA 100%);

リニア

HEX #BEC0FA まで HEX #FABCBE


CSSコード:

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

ラジアル

HEX #BEC0FA まで HEX #FABCBE


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 8%, #FABCBE 99%);

 

HEX #FABCBE まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #FABCBE 0%, #BEC0FA 100%);

 

HEX #FABCBE まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #FABCBE 12%, #BEC0FA 95%);

 

HEX #BEC0FA まで HEX #BEFABC


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 10%, #BEFABC 98%);

 

HEX #BEC0FA まで HEX #BEFABC


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 10%, #BEFABC 99%);

 

HEX #BEFABC まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #BEFABC 0%, #BEC0FA 94%);

 

HEX #BEFABC まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #BEFABC 5%, #BEC0FA 99%);

リニア

HEX #BEC0FA まで HEX #FABCEF


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 7%, #FABCEF 93%);

ラジアル

HEX #BEC0FA まで HEX #FABCEF


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 3%, #FABCEF 97%);

 

HEX #FABCEF まで HEX #BEC0FA


CSSコード:

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

 

HEX #FABCEF まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #FABCEF 1%, #BEC0FA 98%);

 

HEX #BEC0FA まで HEX #FAF7BC


CSSコード:

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

 

HEX #BEC0FA まで HEX #FAF7BC


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 12%, #FAF7BC 100%);

 

HEX #FAF7BC まで HEX #BEC0FA


CSSコード:

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

 

HEX #FAF7BC まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #FAF7BC 5%, #BEC0FA 94%);

 

HEX #BEC0FA まで HEX #BCFAC6


CSSコード:

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

 

HEX #BEC0FA まで HEX #BCFAC6


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 3%, #BCFAC6 99%);

 

HEX #BCFAC6 まで HEX #BEC0FA


CSSコード:

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

 

HEX #BCFAC6 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #BCFAC6 0%, #BEC0FA 96%);

リニア

HEX #BEC0FA まで HEX #FABCDD


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 9%, #FABCDD 90%);

ラジアル

HEX #BEC0FA まで HEX #FABCDD


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 9%, #FABCDD 89%);

 

HEX #FABCDD まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #FABCDD 10%, #BEC0FA 97%);

 

HEX #FABCDD まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #FABCDD 0%, #BEC0FA 98%);

 

HEX #BEC0FA まで HEX #FAF7BC


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 5%, #FAF7BC 91%);

 

HEX #BEC0FA まで HEX #FAF7BC


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 8%, #FAF7BC 93%);

 

HEX #FAF7BC まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #FAF7BC 1%, #BEC0FA 98%);

 

HEX #FAF7BC まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #FAF7BC 11%, #BEC0FA 94%);

 

HEX #BEC0FA まで HEX #BCFAD9


CSSコード:

background-image: linear-gradient(135deg, #BEC0FA 14%, #BCFAD9 94%);

 

HEX #BEC0FA まで HEX #BCFAD9


CSSコード:

background-image: radial-gradient(circle, #BEC0FA 7%, #BCFAD9 97%);

 

HEX #BCFAD9 まで HEX #BEC0FA


CSSコード:

background-image: linear-gradient(135deg, #BCFAD9 8%, #BEC0FA 92%);

 

HEX #BCFAD9 まで HEX #BEC0FA


CSSコード:

background-image: radial-gradient(circle, #BCFAD9 12%, #BEC0FA 93%);

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

サービス内容

カラー

ラグビー に 呪咀

から変換する 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.