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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 207 165 146 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #CFA592BF まで HEX #305A6DBF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 12%, #305A6DBF 86%);

ラジアル

HEX #CFA592BF まで HEX #305A6DBF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 10%, #305A6DBF 98%);

 

HEX #305A6DBF まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #305A6DBF 5%, #CFA592BF 86%);

 

HEX #305A6DBF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #305A6DBF 1%, #CFA592BF 94%);

リニア

HEX #CFA592BF まで HEX #CF9391BF


CSSコード:

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

ラジアル

HEX #CFA592BF まで HEX #CF9391BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 1%, #CF9391BF 93%);

 

HEX #CF9391BF まで HEX #CFA592BF


CSSコード:

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

 

HEX #CF9391BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CF9391BF 10%, #CFA592BF 99%);

 

HEX #CFA592BF まで HEX #CFA491BF


CSSコード:

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

 

HEX #CFA592BF まで HEX #CFA491BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 3%, #CFA491BF 92%);

 

HEX #CFA491BF まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #CFA491BF 4%, #CFA592BF 88%);

 

HEX #CFA491BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFA491BF 0%, #CFA592BF 96%);

 

HEX #CFA592BF まで HEX #CFB491BF


CSSコード:

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

 

HEX #CFA592BF まで HEX #CFB491BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 4%, #CFB491BF 92%);

 

HEX #CFB491BF まで HEX #CFA592BF


CSSコード:

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

 

HEX #CFB491BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFB491BF 14%, #CFA592BF 97%);

 

HEX #CFA592BF まで HEX #CFC591BF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 13%, #CFC591BF 95%);

 

HEX #CFA592BF まで HEX #CFC591BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 12%, #CFC591BF 86%);

 

HEX #CFC591BF まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #CFC591BF 4%, #CFA592BF 94%);

 

HEX #CFC591BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFC591BF 13%, #CFA592BF 88%);

リニア

HEX #CFA592BF まで HEX #C28D74


CSSコード:

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

ラジアル

HEX #CFA592BF まで HEX #C28D74


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 6%, #C28D74 98%);

 

HEX #C28D74 まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #C28D74 8%, #CFA592BF 96%);

 

HEX #C28D74 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #C28D74 3%, #CFA592BF 96%);

 

HEX #CFA592BF まで HEX #CFA491


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 7%, #CFA491 100%);

 

HEX #CFA592BF まで HEX #CFA491


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 9%, #CFA491 98%);

 

HEX #CFA491 まで HEX #CFA592BF


CSSコード:

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

 

HEX #CFA491 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFA491 5%, #CFA592BF 95%);

 

HEX #CFA592BF まで HEX #DBBCAE


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 8%, #DBBCAE 94%);

 

HEX #CFA592BF まで HEX #DBBCAE


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 9%, #DBBCAE 95%);

 

HEX #DBBCAE まで HEX #CFA592BF


CSSコード:

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

 

HEX #DBBCAE まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #DBBCAE 12%, #CFA592BF 86%);

 

HEX #CFA592BF まで HEX #E8D4CA


CSSコード:

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

 

HEX #CFA592BF まで HEX #E8D4CA


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 0%, #E8D4CA 95%);

 

HEX #E8D4CA まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #E8D4CA 0%, #CFA592BF 86%);

 

HEX #E8D4CA まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #E8D4CA 0%, #CFA592BF 86%);

リニア

HEX #CFA592BF まで HEX #CF9391BF


CSSコード:

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

ラジアル

HEX #CFA592BF まで HEX #CF9391BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 5%, #CF9391BF 98%);

 

HEX #CF9391BF まで HEX #CFA592BF


CSSコード:

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

 

HEX #CF9391BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CF9391BF 13%, #CFA592BF 93%);

 

HEX #CFA592BF まで HEX #CFA491BF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 2%, #CFA491BF 86%);

 

HEX #CFA592BF まで HEX #CFA491BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 3%, #CFA491BF 92%);

 

HEX #CFA491BF まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #CFA491BF 8%, #CFA592BF 90%);

 

HEX #CFA491BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFA491BF 1%, #CFA592BF 93%);

 

HEX #CFA592BF まで HEX #CFB491BF


CSSコード:

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

 

HEX #CFA592BF まで HEX #CFB491BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 7%, #CFB491BF 88%);

 

HEX #CFB491BF まで HEX #CFA592BF


CSSコード:

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

 

HEX #CFB491BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFB491BF 2%, #CFA592BF 94%);

 

HEX #CFA592BF まで HEX #CFC591BF


CSSコード:

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

 

HEX #CFA592BF まで HEX #CFC591BF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 8%, #CFC591BF 96%);

 

HEX #CFC591BF まで HEX #CFA592BF


CSSコード:

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

 

HEX #CFC591BF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFC591BF 13%, #CFA592BF 88%);

リニア

HEX #CFA592BF まで HEX #C28D74


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 2%, #C28D74 92%);

ラジアル

HEX #CFA592BF まで HEX #C28D74


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 13%, #C28D74 98%);

 

HEX #C28D74 まで HEX #CFA592BF


CSSコード:

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

 

HEX #C28D74 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #C28D74 11%, #CFA592BF 94%);

 

HEX #CFA592BF まで HEX #CFA491


CSSコード:

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

 

HEX #CFA592BF まで HEX #CFA491


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 8%, #CFA491 100%);

 

HEX #CFA491 まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #CFA491 8%, #CFA592BF 98%);

 

HEX #CFA491 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #CFA491 9%, #CFA592BF 90%);

 

HEX #CFA592BF まで HEX #DBBCAE


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 13%, #DBBCAE 98%);

 

HEX #CFA592BF まで HEX #DBBCAE


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 8%, #DBBCAE 97%);

 

HEX #DBBCAE まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #DBBCAE 11%, #CFA592BF 98%);

 

HEX #DBBCAE まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #DBBCAE 14%, #CFA592BF 88%);

 

HEX #CFA592BF まで HEX #E8D4CA


CSSコード:

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

 

HEX #CFA592BF まで HEX #E8D4CA


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 2%, #E8D4CA 96%);

 

HEX #E8D4CA まで HEX #CFA592BF


CSSコード:

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

 

HEX #E8D4CA まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #E8D4CA 14%, #CFA592BF 96%);

リニア

HEX #CFA592BF まで HEX #B0CF91


CSSコード:

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

ラジアル

HEX #CFA592BF まで HEX #B0CF91


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 11%, #B0CF91 98%);

 

HEX #B0CF91 まで HEX #CFA592BF


CSSコード:

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

 

HEX #B0CF91 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #B0CF91 9%, #CFA592BF 91%);

 

HEX #CFA592BF まで HEX #9197CF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 6%, #9197CF 92%);

 

HEX #CFA592BF まで HEX #9197CF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 14%, #9197CF 91%);

 

HEX #9197CF まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #9197CF 2%, #CFA592BF 99%);

 

HEX #9197CF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #9197CF 14%, #CFA592BF 99%);

リニア

HEX #CFA592BF まで HEX #91CFA4


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 3%, #91CFA4 96%);

ラジアル

HEX #CFA592BF まで HEX #91CFA4


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 8%, #91CFA4 97%);

 

HEX #91CFA4 まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #91CFA4 8%, #CFA592BF 87%);

 

HEX #91CFA4 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #91CFA4 2%, #CFA592BF 92%);

 

HEX #CFA592BF まで HEX #A491CF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 4%, #A491CF 91%);

 

HEX #CFA592BF まで HEX #A491CF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 14%, #A491CF 96%);

 

HEX #A491CF まで HEX #CFA592BF


CSSコード:

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

 

HEX #A491CF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #A491CF 4%, #CFA592BF 98%);

リニア

HEX #CFA592BF まで HEX #B0CF91


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 3%, #B0CF91 96%);

ラジアル

HEX #CFA592BF まで HEX #B0CF91


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 12%, #B0CF91 96%);

 

HEX #B0CF91 まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #B0CF91 9%, #CFA592BF 96%);

 

HEX #B0CF91 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #B0CF91 4%, #CFA592BF 94%);

 

HEX #CFA592BF まで HEX #91BCCF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 5%, #91BCCF 88%);

 

HEX #CFA592BF まで HEX #91BCCF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 1%, #91BCCF 92%);

 

HEX #91BCCF まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #91BCCF 2%, #CFA592BF 100%);

 

HEX #91BCCF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #91BCCF 8%, #CFA592BF 99%);

 

HEX #CFA592BF まで HEX #B091CF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 0%, #B091CF 89%);

 

HEX #CFA592BF まで HEX #B091CF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 12%, #B091CF 98%);

 

HEX #B091CF まで HEX #CFA592BF


CSSコード:

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

 

HEX #B091CF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #B091CF 6%, #CFA592BF 91%);

リニア

HEX #CFA592BF まで HEX #9DCF91


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 13%, #9DCF91 93%);

ラジアル

HEX #CFA592BF まで HEX #9DCF91


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 3%, #9DCF91 98%);

 

HEX #9DCF91 まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #9DCF91 7%, #CFA592BF 98%);

 

HEX #9DCF91 まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #9DCF91 8%, #CFA592BF 91%);

 

HEX #CFA592BF まで HEX #91BCCF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 5%, #91BCCF 90%);

 

HEX #CFA592BF まで HEX #91BCCF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 0%, #91BCCF 91%);

 

HEX #91BCCF まで HEX #CFA592BF


CSSコード:

background-image: linear-gradient(135deg, #91BCCF 3%, #CFA592BF 86%);

 

HEX #91BCCF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #91BCCF 12%, #CFA592BF 100%);

 

HEX #CFA592BF まで HEX #C291CF


CSSコード:

background-image: linear-gradient(135deg, #CFA592BF 10%, #C291CF 91%);

 

HEX #CFA592BF まで HEX #C291CF


CSSコード:

background-image: radial-gradient(circle, #CFA592BF 3%, #C291CF 90%);

 

HEX #C291CF まで HEX #CFA592BF


CSSコード:

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

 

HEX #C291CF まで HEX #CFA592BF


CSSコード:

background-image: radial-gradient(circle, #C291CF 2%, #CFA592BF 98%);

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

サービス内容

カラー

ラグビー に 呪咀

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