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

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

APIパッケージと価格 X

CSS グラデーション:
#FDAD5D

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #FDAD5D まで HEX #0252A2


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 2%, #0252A2 96%);

ラジアル

HEX #FDAD5D まで HEX #0252A2


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 14%, #0252A2 86%);

 

HEX #0252A2 まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #0252A2 6%, #FDAD5D 87%);

 

HEX #0252A2 まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #0252A2 0%, #FDAD5D 87%);

リニア

HEX #FDAD5D まで HEX #FD835D


CSSコード:

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

ラジアル

HEX #FDAD5D まで HEX #FD835D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 11%, #FD835D 96%);

 

HEX #FD835D まで HEX #FDAD5D


CSSコード:

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

 

HEX #FD835D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FD835D 6%, #FDAD5D 95%);

 

HEX #FDAD5D まで HEX #FDD85D


CSSコード:

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

 

HEX #FDAD5D まで HEX #FDD85D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 11%, #FDD85D 97%);

 

HEX #FDD85D まで HEX #FDAD5D


CSSコード:

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

 

HEX #FDD85D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FDD85D 0%, #FDAD5D 92%);

 

HEX #FDAD5D まで HEX #F8FD5D


CSSコード:

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

 

HEX #FDAD5D まで HEX #F8FD5D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 4%, #F8FD5D 87%);

 

HEX #F8FD5D まで HEX #FDAD5D


CSSコード:

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

 

HEX #F8FD5D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #F8FD5D 10%, #FDAD5D 98%);

リニア

HEX #FDAD5D まで HEX #FD9935


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 11%, #FD9935 86%);

ラジアル

HEX #FDAD5D まで HEX #FD9935


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 8%, #FD9935 92%);

 

HEX #FD9935 まで HEX #FDAD5D


CSSコード:

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

 

HEX #FD9935 まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FD9935 13%, #FDAD5D 98%);

 

HEX #FDAD5D まで HEX #FEC286


CSSコード:

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

 

HEX #FDAD5D まで HEX #FEC286


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 7%, #FEC286 100%);

 

HEX #FEC286 まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #FEC286 14%, #FDAD5D 96%);

 

HEX #FEC286 まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FEC286 6%, #FDAD5D 93%);

 

HEX #FDAD5D まで HEX #FED7AF


CSSコード:

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

 

HEX #FDAD5D まで HEX #FED7AF


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 1%, #FED7AF 87%);

 

HEX #FED7AF まで HEX #FDAD5D


CSSコード:

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

 

HEX #FED7AF まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FED7AF 4%, #FDAD5D 98%);

リニア

HEX #FDAD5D まで HEX #FD835D


CSSコード:

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

ラジアル

HEX #FDAD5D まで HEX #FD835D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 12%, #FD835D 89%);

 

HEX #FD835D まで HEX #FDAD5D


CSSコード:

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

 

HEX #FD835D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FD835D 12%, #FDAD5D 91%);

 

HEX #FDAD5D まで HEX #FDD85D


CSSコード:

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

 

HEX #FDAD5D まで HEX #FDD85D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 14%, #FDD85D 94%);

 

HEX #FDD85D まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #FDD85D 0%, #FDAD5D 91%);

 

HEX #FDD85D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FDD85D 9%, #FDAD5D 100%);

 

HEX #FDAD5D まで HEX #F8FD5D


CSSコード:

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

 

HEX #FDAD5D まで HEX #F8FD5D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 2%, #F8FD5D 87%);

 

HEX #F8FD5D まで HEX #FDAD5D


CSSコード:

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

 

HEX #F8FD5D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #F8FD5D 3%, #FDAD5D 88%);

リニア

HEX #FDAD5D まで HEX #FD9935


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 4%, #FD9935 93%);

ラジアル

HEX #FDAD5D まで HEX #FD9935


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 4%, #FD9935 91%);

 

HEX #FD9935 まで HEX #FDAD5D


CSSコード:

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

 

HEX #FD9935 まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FD9935 7%, #FDAD5D 95%);

 

HEX #FDAD5D まで HEX #FEC286


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 11%, #FEC286 93%);

 

HEX #FDAD5D まで HEX #FEC286


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 1%, #FEC286 89%);

 

HEX #FEC286 まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #FEC286 14%, #FDAD5D 87%);

 

HEX #FEC286 まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FEC286 2%, #FDAD5D 87%);

 

HEX #FDAD5D まで HEX #FED7AF


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 14%, #FED7AF 87%);

 

HEX #FDAD5D まで HEX #FED7AF


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 2%, #FED7AF 87%);

 

HEX #FED7AF まで HEX #FDAD5D


CSSコード:

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

 

HEX #FED7AF まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FED7AF 2%, #FDAD5D 86%);

リニア

HEX #FDAD5D まで HEX #8DFD5D


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 3%, #8DFD5D 91%);

ラジアル

HEX #FDAD5D まで HEX #8DFD5D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 1%, #8DFD5D 97%);

 

HEX #8DFD5D まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #8DFD5D 4%, #FDAD5D 99%);

 

HEX #8DFD5D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #8DFD5D 11%, #FDAD5D 94%);

 

HEX #FDAD5D まで HEX #6D5DFD


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 1%, #6D5DFD 96%);

 

HEX #FDAD5D まで HEX #6D5DFD


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 1%, #6D5DFD 87%);

 

HEX #6D5DFD まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #6D5DFD 9%, #FDAD5D 89%);

 

HEX #6D5DFD まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #6D5DFD 0%, #FDAD5D 88%);

リニア

HEX #FDAD5D まで HEX #5DFDAD


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 10%, #5DFDAD 86%);

ラジアル

HEX #FDAD5D まで HEX #5DFDAD


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 11%, #5DFDAD 92%);

 

HEX #5DFDAD まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #5DFDAD 6%, #FDAD5D 99%);

 

HEX #5DFDAD まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #5DFDAD 13%, #FDAD5D 95%);

 

HEX #FDAD5D まで HEX #AD5DFD


CSSコード:

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

 

HEX #FDAD5D まで HEX #AD5DFD


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 3%, #AD5DFD 96%);

 

HEX #AD5DFD まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #AD5DFD 2%, #FDAD5D 91%);

 

HEX #AD5DFD まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #AD5DFD 4%, #FDAD5D 94%);

リニア

HEX #FDAD5D まで HEX #8DFD5D


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 3%, #8DFD5D 93%);

ラジアル

HEX #FDAD5D まで HEX #8DFD5D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 0%, #8DFD5D 91%);

 

HEX #8DFD5D まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #8DFD5D 1%, #FDAD5D 89%);

 

HEX #8DFD5D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #8DFD5D 8%, #FDAD5D 98%);

 

HEX #FDAD5D まで HEX #5DADFD


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 0%, #5DADFD 93%);

 

HEX #FDAD5D まで HEX #5DADFD


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 5%, #5DADFD 88%);

 

HEX #5DADFD まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #5DADFD 12%, #FDAD5D 87%);

 

HEX #5DADFD まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #5DADFD 10%, #FDAD5D 99%);

 

HEX #FDAD5D まで HEX #CD5DFD


CSSコード:

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

 

HEX #FDAD5D まで HEX #CD5DFD


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 14%, #CD5DFD 95%);

 

HEX #CD5DFD まで HEX #FDAD5D


CSSコード:

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

 

HEX #CD5DFD まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #CD5DFD 13%, #FDAD5D 89%);

リニア

HEX #FDAD5D まで HEX #5DFD5D


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 10%, #5DFD5D 86%);

ラジアル

HEX #FDAD5D まで HEX #5DFD5D


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 3%, #5DFD5D 90%);

 

HEX #5DFD5D まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #5DFD5D 11%, #FDAD5D 97%);

 

HEX #5DFD5D まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #5DFD5D 11%, #FDAD5D 98%);

 

HEX #FDAD5D まで HEX #5DADFD


CSSコード:

background-image: linear-gradient(135deg, #FDAD5D 1%, #5DADFD 94%);

 

HEX #FDAD5D まで HEX #5DADFD


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 6%, #5DADFD 88%);

 

HEX #5DADFD まで HEX #FDAD5D


CSSコード:

background-image: linear-gradient(135deg, #5DADFD 14%, #FDAD5D 99%);

 

HEX #5DADFD まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #5DADFD 7%, #FDAD5D 93%);

 

HEX #FDAD5D まで HEX #FD5DFD


CSSコード:

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

 

HEX #FDAD5D まで HEX #FD5DFD


CSSコード:

background-image: radial-gradient(circle, #FDAD5D 3%, #FD5DFD 90%);

 

HEX #FD5DFD まで HEX #FDAD5D


CSSコード:

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

 

HEX #FD5DFD まで HEX #FDAD5D


CSSコード:

background-image: radial-gradient(circle, #FD5DFD 12%, #FDAD5D 94%);

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

サービス内容

カラー

ラグビー に 呪咀

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