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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 191 162 160 0.5

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #BFA2A07F まで HEX #405D5F7F


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 0%, #405D5F7F 94%);

ラジアル

HEX #BFA2A07F まで HEX #405D5F7F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 10%, #405D5F7F 88%);

 

HEX #405D5F7F まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #405D5F7F 7%, #BFA2A07F 100%);

 

HEX #405D5F7F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #405D5F7F 7%, #BFA2A07F 90%);

リニア

HEX #BFA2A07F まで HEX #BFA1A77F


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 5%, #BFA1A77F 92%);

ラジアル

HEX #BFA2A07F まで HEX #BFA1A77F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 4%, #BFA1A77F 89%);

 

HEX #BFA1A77F まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #BFA1A77F 11%, #BFA2A07F 94%);

 

HEX #BFA1A77F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFA1A77F 1%, #BFA2A07F 88%);

 

HEX #BFA2A07F まで HEX #BFA2A17F


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 14%, #BFA2A17F 91%);

 

HEX #BFA2A07F まで HEX #BFA2A17F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 13%, #BFA2A17F 92%);

 

HEX #BFA2A17F まで HEX #BFA2A07F


CSSコード:

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

 

HEX #BFA2A17F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFA2A17F 9%, #BFA2A07F 93%);

 

HEX #BFA2A07F まで HEX #BFAAA17F


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 11%, #BFAAA17F 100%);

 

HEX #BFA2A07F まで HEX #BFAAA17F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 11%, #BFAAA17F 87%);

 

HEX #BFAAA17F まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #BFAAA17F 1%, #BFA2A07F 93%);

 

HEX #BFAAA17F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFAAA17F 4%, #BFA2A07F 89%);

 

HEX #BFA2A07F まで HEX #BFB2A17F


CSSコード:

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

 

HEX #BFA2A07F まで HEX #BFB2A17F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 5%, #BFB2A17F 91%);

 

HEX #BFB2A17F まで HEX #BFA2A07F


CSSコード:

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

 

HEX #BFB2A17F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFB2A17F 13%, #BFA2A07F 93%);

リニア

HEX #BFA2A07F まで HEX #AE8B88


CSSコード:

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

ラジアル

HEX #BFA2A07F まで HEX #AE8B88


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 14%, #AE8B88 100%);

 

HEX #AE8B88 まで HEX #BFA2A07F


CSSコード:

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

 

HEX #AE8B88 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #AE8B88 8%, #BFA2A07F 89%);

 

HEX #BFA2A07F まで HEX #BFA3A1


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 6%, #BFA3A1 93%);

 

HEX #BFA2A07F まで HEX #BFA3A1


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 5%, #BFA3A1 86%);

 

HEX #BFA3A1 まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #BFA3A1 6%, #BFA2A07F 96%);

 

HEX #BFA3A1 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFA3A1 12%, #BFA2A07F 92%);

 

HEX #BFA2A07F まで HEX #D0BBB9


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 6%, #D0BBB9 93%);

 

HEX #BFA2A07F まで HEX #D0BBB9


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 10%, #D0BBB9 92%);

 

HEX #D0BBB9 まで HEX #BFA2A07F


CSSコード:

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

 

HEX #D0BBB9 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #D0BBB9 8%, #BFA2A07F 89%);

 

HEX #BFA2A07F まで HEX #E0D3D2


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 2%, #E0D3D2 87%);

 

HEX #BFA2A07F まで HEX #E0D3D2


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 2%, #E0D3D2 93%);

 

HEX #E0D3D2 まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #E0D3D2 13%, #BFA2A07F 96%);

 

HEX #E0D3D2 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #E0D3D2 1%, #BFA2A07F 89%);

リニア

HEX #BFA2A07F まで HEX #BFA1A77F


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 8%, #BFA1A77F 100%);

ラジアル

HEX #BFA2A07F まで HEX #BFA1A77F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 14%, #BFA1A77F 88%);

 

HEX #BFA1A77F まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #BFA1A77F 1%, #BFA2A07F 88%);

 

HEX #BFA1A77F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFA1A77F 5%, #BFA2A07F 87%);

 

HEX #BFA2A07F まで HEX #BFA2A17F


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 3%, #BFA2A17F 90%);

 

HEX #BFA2A07F まで HEX #BFA2A17F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 5%, #BFA2A17F 86%);

 

HEX #BFA2A17F まで HEX #BFA2A07F


CSSコード:

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

 

HEX #BFA2A17F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFA2A17F 2%, #BFA2A07F 98%);

 

HEX #BFA2A07F まで HEX #BFAAA17F


CSSコード:

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

 

HEX #BFA2A07F まで HEX #BFAAA17F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 5%, #BFAAA17F 96%);

 

HEX #BFAAA17F まで HEX #BFA2A07F


CSSコード:

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

 

HEX #BFAAA17F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFAAA17F 12%, #BFA2A07F 94%);

 

HEX #BFA2A07F まで HEX #BFB2A17F


CSSコード:

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

 

HEX #BFA2A07F まで HEX #BFB2A17F


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 6%, #BFB2A17F 91%);

 

HEX #BFB2A17F まで HEX #BFA2A07F


CSSコード:

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

 

HEX #BFB2A17F まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFB2A17F 2%, #BFA2A07F 100%);

リニア

HEX #BFA2A07F まで HEX #AE8B88


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 13%, #AE8B88 88%);

ラジアル

HEX #BFA2A07F まで HEX #AE8B88


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 6%, #AE8B88 86%);

 

HEX #AE8B88 まで HEX #BFA2A07F


CSSコード:

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

 

HEX #AE8B88 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #AE8B88 10%, #BFA2A07F 91%);

 

HEX #BFA2A07F まで HEX #BFA3A1


CSSコード:

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

 

HEX #BFA2A07F まで HEX #BFA3A1


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 10%, #BFA3A1 94%);

 

HEX #BFA3A1 まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #BFA3A1 10%, #BFA2A07F 100%);

 

HEX #BFA3A1 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #BFA3A1 1%, #BFA2A07F 96%);

 

HEX #BFA2A07F まで HEX #D0BBB9


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 14%, #D0BBB9 97%);

 

HEX #BFA2A07F まで HEX #D0BBB9


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 4%, #D0BBB9 99%);

 

HEX #D0BBB9 まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #D0BBB9 2%, #BFA2A07F 89%);

 

HEX #D0BBB9 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #D0BBB9 0%, #BFA2A07F 94%);

 

HEX #BFA2A07F まで HEX #E0D3D2


CSSコード:

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

 

HEX #BFA2A07F まで HEX #E0D3D2


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 11%, #E0D3D2 86%);

 

HEX #E0D3D2 まで HEX #BFA2A07F


CSSコード:

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

 

HEX #E0D3D2 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #E0D3D2 9%, #BFA2A07F 96%);

リニア

HEX #BFA2A07F まで HEX #B7BFA1


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 3%, #B7BFA1 98%);

ラジアル

HEX #BFA2A07F まで HEX #B7BFA1


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 11%, #B7BFA1 91%);

 

HEX #B7BFA1 まで HEX #BFA2A07F


CSSコード:

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

 

HEX #B7BFA1 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #B7BFA1 13%, #BFA2A07F 89%);

 

HEX #BFA2A07F まで HEX #A1ABBF


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 3%, #A1ABBF 98%);

 

HEX #BFA2A07F まで HEX #A1ABBF


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 9%, #A1ABBF 100%);

 

HEX #A1ABBF まで HEX #BFA2A07F


CSSコード:

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

 

HEX #A1ABBF まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #A1ABBF 8%, #BFA2A07F 92%);

リニア

HEX #BFA2A07F まで HEX #A1BFA2


CSSコード:

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

ラジアル

HEX #BFA2A07F まで HEX #A1BFA2


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 1%, #A1BFA2 95%);

 

HEX #A1BFA2 まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #A1BFA2 10%, #BFA2A07F 95%);

 

HEX #A1BFA2 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #A1BFA2 12%, #BFA2A07F 98%);

 

HEX #BFA2A07F まで HEX #A2A1BF


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 1%, #A2A1BF 100%);

 

HEX #BFA2A07F まで HEX #A2A1BF


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 4%, #A2A1BF 92%);

 

HEX #A2A1BF まで HEX #BFA2A07F


CSSコード:

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

 

HEX #A2A1BF まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #A2A1BF 13%, #BFA2A07F 95%);

リニア

HEX #BFA2A07F まで HEX #B7BFA1


CSSコード:

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

ラジアル

HEX #BFA2A07F まで HEX #B7BFA1


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 7%, #B7BFA1 90%);

 

HEX #B7BFA1 まで HEX #BFA2A07F


CSSコード:

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

 

HEX #B7BFA1 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #B7BFA1 5%, #BFA2A07F 93%);

 

HEX #BFA2A07F まで HEX #A1BDBF


CSSコード:

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

 

HEX #BFA2A07F まで HEX #A1BDBF


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 11%, #A1BDBF 99%);

 

HEX #A1BDBF まで HEX #BFA2A07F


CSSコード:

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

 

HEX #A1BDBF まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #A1BDBF 10%, #BFA2A07F 89%);

 

HEX #BFA2A07F まで HEX #A8A1BF


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 3%, #A8A1BF 90%);

 

HEX #BFA2A07F まで HEX #A8A1BF


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 1%, #A8A1BF 88%);

 

HEX #A8A1BF まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #A8A1BF 6%, #BFA2A07F 95%);

 

HEX #A8A1BF まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #A8A1BF 2%, #BFA2A07F 97%);

リニア

HEX #BFA2A07F まで HEX #AEBFA1


CSSコード:

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

ラジアル

HEX #BFA2A07F まで HEX #AEBFA1


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 6%, #AEBFA1 90%);

 

HEX #AEBFA1 まで HEX #BFA2A07F


CSSコード:

background-image: linear-gradient(135deg, #AEBFA1 0%, #BFA2A07F 96%);

 

HEX #AEBFA1 まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #AEBFA1 12%, #BFA2A07F 93%);

 

HEX #BFA2A07F まで HEX #A1BDBF


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 2%, #A1BDBF 95%);

 

HEX #BFA2A07F まで HEX #A1BDBF


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 7%, #A1BDBF 98%);

 

HEX #A1BDBF まで HEX #BFA2A07F


CSSコード:

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

 

HEX #A1BDBF まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #A1BDBF 5%, #BFA2A07F 97%);

 

HEX #BFA2A07F まで HEX #B1A1BF


CSSコード:

background-image: linear-gradient(135deg, #BFA2A07F 14%, #B1A1BF 98%);

 

HEX #BFA2A07F まで HEX #B1A1BF


CSSコード:

background-image: radial-gradient(circle, #BFA2A07F 14%, #B1A1BF 90%);

 

HEX #B1A1BF まで HEX #BFA2A07F


CSSコード:

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

 

HEX #B1A1BF まで HEX #BFA2A07F


CSSコード:

background-image: radial-gradient(circle, #B1A1BF 3%, #BFA2A07F 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.