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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 171 72 146 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #AB4892BF まで HEX #54B76DBF


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 1%, #54B76DBF 100%);

ラジアル

HEX #AB4892BF まで HEX #54B76DBF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 0%, #54B76DBF 100%);

 

HEX #54B76DBF まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #54B76DBF 1%, #AB4892BF 98%);

 

HEX #54B76DBF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #54B76DBF 4%, #AB4892BF 86%);

リニア

HEX #AB4892BF まで HEX #AB48ADBF


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 9%, #AB48ADBF 97%);

ラジアル

HEX #AB4892BF まで HEX #AB48ADBF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 5%, #AB48ADBF 87%);

 

HEX #AB48ADBF まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #AB48ADBF 7%, #AB4892BF 88%);

 

HEX #AB48ADBF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AB48ADBF 3%, #AB4892BF 87%);

 

HEX #AB4892BF まで HEX #AD4893BF


CSSコード:

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

 

HEX #AB4892BF まで HEX #AD4893BF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 14%, #AD4893BF 96%);

 

HEX #AD4893BF まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #AD4893BF 1%, #AB4892BF 89%);

 

HEX #AD4893BF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD4893BF 0%, #AB4892BF 90%);

 

HEX #AB4892BF まで HEX #AD4879BF


CSSコード:

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

 

HEX #AB4892BF まで HEX #AD4879BF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 8%, #AD4879BF 90%);

 

HEX #AD4879BF まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD4879BF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD4879BF 13%, #AB4892BF 100%);

 

HEX #AB4892BF まで HEX #AD485EBF


CSSコード:

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

 

HEX #AB4892BF まで HEX #AD485EBF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 8%, #AD485EBF 98%);

 

HEX #AD485EBF まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD485EBF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD485EBF 7%, #AB4892BF 97%);

リニア

HEX #AB4892BF まで HEX #8F3C7A


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 4%, #8F3C7A 94%);

ラジアル

HEX #AB4892BF まで HEX #8F3C7A


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 1%, #8F3C7A 95%);

 

HEX #8F3C7A まで HEX #AB4892BF


CSSコード:

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

 

HEX #8F3C7A まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #8F3C7A 9%, #AB4892BF 89%);

 

HEX #AB4892BF まで HEX #AD4893


CSSコード:

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

 

HEX #AB4892BF まで HEX #AD4893


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 12%, #AD4893 90%);

 

HEX #AD4893 まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD4893 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD4893 7%, #AB4892BF 93%);

 

HEX #AB4892BF まで HEX #BD61A6


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 11%, #BD61A6 87%);

 

HEX #AB4892BF まで HEX #BD61A6


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 5%, #BD61A6 100%);

 

HEX #BD61A6 まで HEX #AB4892BF


CSSコード:

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

 

HEX #BD61A6 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #BD61A6 14%, #AB4892BF 94%);

 

HEX #AB4892BF まで HEX #C97EB6


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 13%, #C97EB6 86%);

 

HEX #AB4892BF まで HEX #C97EB6


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 5%, #C97EB6 93%);

 

HEX #C97EB6 まで HEX #AB4892BF


CSSコード:

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

 

HEX #C97EB6 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #C97EB6 13%, #AB4892BF 99%);

リニア

HEX #AB4892BF まで HEX #AB48ADBF


CSSコード:

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

ラジアル

HEX #AB4892BF まで HEX #AB48ADBF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 9%, #AB48ADBF 99%);

 

HEX #AB48ADBF まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #AB48ADBF 5%, #AB4892BF 98%);

 

HEX #AB48ADBF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AB48ADBF 5%, #AB4892BF 93%);

 

HEX #AB4892BF まで HEX #AD4893BF


CSSコード:

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

 

HEX #AB4892BF まで HEX #AD4893BF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 8%, #AD4893BF 86%);

 

HEX #AD4893BF まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD4893BF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD4893BF 1%, #AB4892BF 100%);

 

HEX #AB4892BF まで HEX #AD4879BF


CSSコード:

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

 

HEX #AB4892BF まで HEX #AD4879BF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 14%, #AD4879BF 87%);

 

HEX #AD4879BF まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD4879BF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD4879BF 1%, #AB4892BF 87%);

 

HEX #AB4892BF まで HEX #AD485EBF


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 5%, #AD485EBF 98%);

 

HEX #AB4892BF まで HEX #AD485EBF


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 2%, #AD485EBF 89%);

 

HEX #AD485EBF まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD485EBF まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD485EBF 1%, #AB4892BF 100%);

リニア

HEX #AB4892BF まで HEX #8F3C7A


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 2%, #8F3C7A 90%);

ラジアル

HEX #AB4892BF まで HEX #8F3C7A


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 10%, #8F3C7A 100%);

 

HEX #8F3C7A まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #8F3C7A 12%, #AB4892BF 98%);

 

HEX #8F3C7A まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #8F3C7A 8%, #AB4892BF 96%);

 

HEX #AB4892BF まで HEX #AD4893


CSSコード:

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

 

HEX #AB4892BF まで HEX #AD4893


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 9%, #AD4893 99%);

 

HEX #AD4893 まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #AD4893 14%, #AB4892BF 88%);

 

HEX #AD4893 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD4893 9%, #AB4892BF 93%);

 

HEX #AB4892BF まで HEX #BD61A6


CSSコード:

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

 

HEX #AB4892BF まで HEX #BD61A6


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 8%, #BD61A6 95%);

 

HEX #BD61A6 まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #BD61A6 14%, #AB4892BF 100%);

 

HEX #BD61A6 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #BD61A6 14%, #AB4892BF 89%);

 

HEX #AB4892BF まで HEX #C97EB6


CSSコード:

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

 

HEX #AB4892BF まで HEX #C97EB6


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 8%, #C97EB6 94%);

 

HEX #C97EB6 まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #C97EB6 13%, #AB4892BF 100%);

 

HEX #C97EB6 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #C97EB6 6%, #AB4892BF 100%);

リニア

HEX #AB4892BF まで HEX #AD7548


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 12%, #AD7548 100%);

ラジアル

HEX #AB4892BF まで HEX #AD7548


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 6%, #AD7548 92%);

 

HEX #AD7548 まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD7548 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD7548 13%, #AB4892BF 90%);

 

HEX #AB4892BF まで HEX #48AD9E


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 3%, #48AD9E 92%);

 

HEX #AB4892BF まで HEX #48AD9E


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 2%, #48AD9E 87%);

 

HEX #48AD9E まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #48AD9E 11%, #AB4892BF 96%);

 

HEX #48AD9E まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #48AD9E 6%, #AB4892BF 94%);

リニア

HEX #AB4892BF まで HEX #93AD48


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 0%, #93AD48 86%);

ラジアル

HEX #AB4892BF まで HEX #93AD48


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 14%, #93AD48 93%);

 

HEX #93AD48 まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #93AD48 9%, #AB4892BF 86%);

 

HEX #93AD48 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #93AD48 0%, #AB4892BF 86%);

 

HEX #AB4892BF まで HEX #4893AD


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 8%, #4893AD 100%);

 

HEX #AB4892BF まで HEX #4893AD


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 3%, #4893AD 95%);

 

HEX #4893AD まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #4893AD 11%, #AB4892BF 89%);

 

HEX #4893AD まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #4893AD 3%, #AB4892BF 89%);

リニア

HEX #AB4892BF まで HEX #AD7548


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 5%, #AD7548 97%);

ラジアル

HEX #AB4892BF まで HEX #AD7548


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 11%, #AD7548 91%);

 

HEX #AD7548 まで HEX #AB4892BF


CSSコード:

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

 

HEX #AD7548 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD7548 0%, #AB4892BF 92%);

 

HEX #AB4892BF まで HEX #48AD61


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 8%, #48AD61 98%);

 

HEX #AB4892BF まで HEX #48AD61


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 6%, #48AD61 96%);

 

HEX #48AD61 まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #48AD61 1%, #AB4892BF 90%);

 

HEX #48AD61 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #48AD61 2%, #AB4892BF 93%);

 

HEX #AB4892BF まで HEX #487FAD


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 4%, #487FAD 96%);

 

HEX #AB4892BF まで HEX #487FAD


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 9%, #487FAD 93%);

 

HEX #487FAD まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #487FAD 1%, #AB4892BF 96%);

 

HEX #487FAD まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #487FAD 6%, #AB4892BF 93%);

リニア

HEX #AB4892BF まで HEX #AD9348


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 8%, #AD9348 88%);

ラジアル

HEX #AB4892BF まで HEX #AD9348


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 6%, #AD9348 100%);

 

HEX #AD9348 まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #AD9348 1%, #AB4892BF 95%);

 

HEX #AD9348 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #AD9348 2%, #AB4892BF 87%);

 

HEX #AB4892BF まで HEX #48AD61


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 12%, #48AD61 91%);

 

HEX #AB4892BF まで HEX #48AD61


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 11%, #48AD61 92%);

 

HEX #48AD61 まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #48AD61 7%, #AB4892BF 97%);

 

HEX #48AD61 まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #48AD61 1%, #AB4892BF 88%);

 

HEX #AB4892BF まで HEX #4861AD


CSSコード:

background-image: linear-gradient(135deg, #AB4892BF 10%, #4861AD 100%);

 

HEX #AB4892BF まで HEX #4861AD


CSSコード:

background-image: radial-gradient(circle, #AB4892BF 6%, #4861AD 87%);

 

HEX #4861AD まで HEX #AB4892BF


CSSコード:

background-image: linear-gradient(135deg, #4861AD 2%, #AB4892BF 97%);

 

HEX #4861AD まで HEX #AB4892BF


CSSコード:

background-image: radial-gradient(circle, #4861AD 10%, #AB4892BF 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, 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.