提供期間 APIが拡張されました。

ブラックフライデー・ウィーク: 特別価格でAPIを入手できます。今すぐアクセスしてください。ウェブプロジェクト、プラグイン、社内ツール、SaaSアプリケーションに最適です。2025-11-24 から 2025-11-30 (23:59 CET) まで有効です。

APIパッケージと価格 X

CSS グラデーション:
#A890DABF

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #A890DABF まで HEX #576F25BF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 14%, #576F25BF 89%);

ラジアル

HEX #A890DABF まで HEX #576F25BF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 10%, #576F25BF 99%);

 

HEX #576F25BF まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #576F25BF 8%, #A890DABF 99%);

 

HEX #576F25BF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #576F25BF 8%, #A890DABF 93%);

リニア

HEX #A890DABF まで HEX #9490DABF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 4%, #9490DABF 93%);

ラジアル

HEX #A890DABF まで HEX #9490DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 0%, #9490DABF 97%);

 

HEX #9490DABF まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #9490DABF 3%, #A890DABF 97%);

 

HEX #9490DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #9490DABF 10%, #A890DABF 98%);

 

HEX #A890DABF まで HEX #A790DABF


CSSコード:

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

 

HEX #A890DABF まで HEX #A790DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 5%, #A790DABF 87%);

 

HEX #A790DABF まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #A790DABF 11%, #A890DABF 91%);

 

HEX #A790DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #A790DABF 1%, #A890DABF 88%);

 

HEX #A890DABF まで HEX #BB90DABF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 2%, #BB90DABF 94%);

 

HEX #A890DABF まで HEX #BB90DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 10%, #BB90DABF 90%);

 

HEX #BB90DABF まで HEX #A890DABF


CSSコード:

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

 

HEX #BB90DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #BB90DABF 1%, #A890DABF 89%);

 

HEX #A890DABF まで HEX #CF90DABF


CSSコード:

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

 

HEX #A890DABF まで HEX #CF90DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 5%, #CF90DABF 100%);

 

HEX #CF90DABF まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #CF90DABF 13%, #A890DABF 92%);

 

HEX #CF90DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #CF90DABF 0%, #A890DABF 94%);

リニア

HEX #A890DABF まで HEX #9071D0


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 11%, #9071D0 92%);

ラジアル

HEX #A890DABF まで HEX #9071D0


CSSコード:

background-image: radial-gradient(circle, #A890DABF 5%, #9071D0 96%);

 

HEX #9071D0 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #9071D0 3%, #A890DABF 94%);

 

HEX #9071D0 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #9071D0 0%, #A890DABF 99%);

 

HEX #A890DABF まで HEX #A890DA


CSSコード:

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

 

HEX #A890DABF まで HEX #A890DA


CSSコード:

background-image: radial-gradient(circle, #A890DABF 6%, #A890DA 89%);

 

HEX #A890DA まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #A890DA 9%, #A890DABF 88%);

 

HEX #A890DA まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #A890DA 4%, #A890DABF 88%);

 

HEX #A890DABF まで HEX #C0AFE4


CSSコード:

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

 

HEX #A890DABF まで HEX #C0AFE4


CSSコード:

background-image: radial-gradient(circle, #A890DABF 12%, #C0AFE4 100%);

 

HEX #C0AFE4 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #C0AFE4 0%, #A890DABF 92%);

 

HEX #C0AFE4 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #C0AFE4 8%, #A890DABF 97%);

 

HEX #A890DABF まで HEX #D9CEEF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 12%, #D9CEEF 86%);

 

HEX #A890DABF まで HEX #D9CEEF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 6%, #D9CEEF 86%);

 

HEX #D9CEEF まで HEX #A890DABF


CSSコード:

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

 

HEX #D9CEEF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #D9CEEF 8%, #A890DABF 87%);

リニア

HEX #A890DABF まで HEX #9490DABF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 11%, #9490DABF 95%);

ラジアル

HEX #A890DABF まで HEX #9490DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 7%, #9490DABF 90%);

 

HEX #9490DABF まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #9490DABF 11%, #A890DABF 87%);

 

HEX #9490DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #9490DABF 8%, #A890DABF 89%);

 

HEX #A890DABF まで HEX #A790DABF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 11%, #A790DABF 92%);

 

HEX #A890DABF まで HEX #A790DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 4%, #A790DABF 94%);

 

HEX #A790DABF まで HEX #A890DABF


CSSコード:

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

 

HEX #A790DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #A790DABF 2%, #A890DABF 89%);

 

HEX #A890DABF まで HEX #BB90DABF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 6%, #BB90DABF 98%);

 

HEX #A890DABF まで HEX #BB90DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 5%, #BB90DABF 89%);

 

HEX #BB90DABF まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #BB90DABF 1%, #A890DABF 99%);

 

HEX #BB90DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #BB90DABF 10%, #A890DABF 94%);

 

HEX #A890DABF まで HEX #CF90DABF


CSSコード:

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

 

HEX #A890DABF まで HEX #CF90DABF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 9%, #CF90DABF 99%);

 

HEX #CF90DABF まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #CF90DABF 11%, #A890DABF 99%);

 

HEX #CF90DABF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #CF90DABF 12%, #A890DABF 87%);

リニア

HEX #A890DABF まで HEX #9071D0


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 10%, #9071D0 94%);

ラジアル

HEX #A890DABF まで HEX #9071D0


CSSコード:

background-image: radial-gradient(circle, #A890DABF 10%, #9071D0 98%);

 

HEX #9071D0 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #9071D0 11%, #A890DABF 96%);

 

HEX #9071D0 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #9071D0 0%, #A890DABF 99%);

 

HEX #A890DABF まで HEX #A890DA


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 12%, #A890DA 89%);

 

HEX #A890DABF まで HEX #A890DA


CSSコード:

background-image: radial-gradient(circle, #A890DABF 12%, #A890DA 98%);

 

HEX #A890DA まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #A890DA 6%, #A890DABF 91%);

 

HEX #A890DA まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #A890DA 14%, #A890DABF 96%);

 

HEX #A890DABF まで HEX #C0AFE4


CSSコード:

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

 

HEX #A890DABF まで HEX #C0AFE4


CSSコード:

background-image: radial-gradient(circle, #A890DABF 12%, #C0AFE4 100%);

 

HEX #C0AFE4 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #C0AFE4 13%, #A890DABF 93%);

 

HEX #C0AFE4 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #C0AFE4 0%, #A890DABF 92%);

 

HEX #A890DABF まで HEX #D9CEEF


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 4%, #D9CEEF 89%);

 

HEX #A890DABF まで HEX #D9CEEF


CSSコード:

background-image: radial-gradient(circle, #A890DABF 4%, #D9CEEF 95%);

 

HEX #D9CEEF まで HEX #A890DABF


CSSコード:

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

 

HEX #D9CEEF まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #D9CEEF 0%, #A890DABF 94%);

リニア

HEX #A890DABF まで HEX #DA90B4


CSSコード:

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

ラジアル

HEX #A890DABF まで HEX #DA90B4


CSSコード:

background-image: radial-gradient(circle, #A890DABF 11%, #DA90B4 88%);

 

HEX #DA90B4 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #DA90B4 13%, #A890DABF 90%);

 

HEX #DA90B4 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #DA90B4 10%, #A890DABF 89%);

 

HEX #A890DABF まで HEX #96DA90


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 11%, #96DA90 93%);

 

HEX #A890DABF まで HEX #96DA90


CSSコード:

background-image: radial-gradient(circle, #A890DABF 7%, #96DA90 88%);

 

HEX #96DA90 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #96DA90 10%, #A890DABF 98%);

 

HEX #96DA90 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #96DA90 6%, #A890DABF 91%);

リニア

HEX #A890DABF まで HEX #DAA790


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 12%, #DAA790 98%);

ラジアル

HEX #A890DABF まで HEX #DAA790


CSSコード:

background-image: radial-gradient(circle, #A890DABF 9%, #DAA790 97%);

 

HEX #DAA790 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #DAA790 9%, #A890DABF 98%);

 

HEX #DAA790 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #DAA790 1%, #A890DABF 90%);

 

HEX #A890DABF まで HEX #90DAA7


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 8%, #90DAA7 89%);

 

HEX #A890DABF まで HEX #90DAA7


CSSコード:

background-image: radial-gradient(circle, #A890DABF 10%, #90DAA7 94%);

 

HEX #90DAA7 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #90DAA7 11%, #A890DABF 94%);

 

HEX #90DAA7 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #90DAA7 6%, #A890DABF 91%);

リニア

HEX #A890DABF まで HEX #DA90B4


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 5%, #DA90B4 89%);

ラジアル

HEX #A890DABF まで HEX #DA90B4


CSSコード:

background-image: radial-gradient(circle, #A890DABF 11%, #DA90B4 100%);

 

HEX #DA90B4 まで HEX #A890DABF


CSSコード:

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

 

HEX #DA90B4 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #DA90B4 2%, #A890DABF 93%);

 

HEX #A890DABF まで HEX #C3DA90


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 8%, #C3DA90 97%);

 

HEX #A890DABF まで HEX #C3DA90


CSSコード:

background-image: radial-gradient(circle, #A890DABF 14%, #C3DA90 96%);

 

HEX #C3DA90 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #C3DA90 1%, #A890DABF 99%);

 

HEX #C3DA90 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #C3DA90 14%, #A890DABF 91%);

 

HEX #A890DABF まで HEX #90DAB6


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 4%, #90DAB6 91%);

 

HEX #A890DABF まで HEX #90DAB6


CSSコード:

background-image: radial-gradient(circle, #A890DABF 5%, #90DAB6 92%);

 

HEX #90DAB6 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #90DAB6 6%, #A890DABF 95%);

 

HEX #90DAB6 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #90DAB6 2%, #A890DABF 96%);

リニア

HEX #A890DABF まで HEX #DA909E


CSSコード:

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

ラジアル

HEX #A890DABF まで HEX #DA909E


CSSコード:

background-image: radial-gradient(circle, #A890DABF 0%, #DA909E 86%);

 

HEX #DA909E まで HEX #A890DABF


CSSコード:

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

 

HEX #DA909E まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #DA909E 2%, #A890DABF 89%);

 

HEX #A890DABF まで HEX #C3DA90


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 10%, #C3DA90 96%);

 

HEX #A890DABF まで HEX #C3DA90


CSSコード:

background-image: radial-gradient(circle, #A890DABF 0%, #C3DA90 100%);

 

HEX #C3DA90 まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #C3DA90 10%, #A890DABF 93%);

 

HEX #C3DA90 まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #C3DA90 3%, #A890DABF 95%);

 

HEX #A890DABF まで HEX #90DACC


CSSコード:

background-image: linear-gradient(135deg, #A890DABF 0%, #90DACC 95%);

 

HEX #A890DABF まで HEX #90DACC


CSSコード:

background-image: radial-gradient(circle, #A890DABF 0%, #90DACC 91%);

 

HEX #90DACC まで HEX #A890DABF


CSSコード:

background-image: linear-gradient(135deg, #90DACC 5%, #A890DABF 94%);

 

HEX #90DACC まで HEX #A890DABF


CSSコード:

background-image: radial-gradient(circle, #90DACC 14%, #A890DABF 89%);

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

サービス内容

カラー

ラグビー に 呪咀

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