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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 170 142 2 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

この色調は明らかに赤と緑が支配的で、赤と緑の値は青よりも高い。 暗い色:色の値が低いと暗く見える。

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

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

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

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

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

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

レッツゴー

リニア

HEX #AA8E02BF まで HEX #5571FDBF


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 13%, #5571FDBF 100%);

ラジアル

HEX #AA8E02BF まで HEX #5571FDBF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 9%, #5571FDBF 88%);

 

HEX #5571FDBF まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #5571FDBF 11%, #AA8E02BF 100%);

 

HEX #5571FDBF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #5571FDBF 9%, #AA8E02BF 93%);

リニア

HEX #AA8E02BF まで HEX #AC6202BF


CSSコード:

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

ラジアル

HEX #AA8E02BF まで HEX #AC6202BF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 14%, #AC6202BF 99%);

 

HEX #AC6202BF まで HEX #AA8E02BF


CSSコード:

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

 

HEX #AC6202BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC6202BF 6%, #AA8E02BF 99%);

 

HEX #AA8E02BF まで HEX #AC8F02BF


CSSコード:

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

 

HEX #AA8E02BF まで HEX #AC8F02BF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 6%, #AC8F02BF 96%);

 

HEX #AC8F02BF まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #AC8F02BF 8%, #AA8E02BF 95%);

 

HEX #AC8F02BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC8F02BF 4%, #AA8E02BF 88%);

 

HEX #AA8E02BF まで HEX #9BAC02BF


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 11%, #9BAC02BF 92%);

 

HEX #AA8E02BF まで HEX #9BAC02BF


CSSコード:

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

 

HEX #9BAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #9BAC02BF 10%, #AA8E02BF 98%);

 

HEX #9BAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #9BAC02BF 9%, #AA8E02BF 87%);

 

HEX #AA8E02BF まで HEX #6DAC02BF


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 1%, #6DAC02BF 86%);

 

HEX #AA8E02BF まで HEX #6DAC02BF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 11%, #6DAC02BF 87%);

 

HEX #6DAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #6DAC02BF 11%, #AA8E02BF 88%);

 

HEX #6DAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #6DAC02BF 8%, #AA8E02BF 98%);

リニア

HEX #AA8E02BF まで HEX #836D01


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 10%, #836D01 90%);

ラジアル

HEX #AA8E02BF まで HEX #836D01


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 5%, #836D01 87%);

 

HEX #836D01 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #836D01 10%, #AA8E02BF 97%);

 

HEX #836D01 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #836D01 9%, #AA8E02BF 89%);

 

HEX #AA8E02BF まで HEX #AC8F02


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 6%, #AC8F02 87%);

 

HEX #AA8E02BF まで HEX #AC8F02


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 5%, #AC8F02 98%);

 

HEX #AC8F02 まで HEX #AA8E02BF


CSSコード:

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

 

HEX #AC8F02 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC8F02 6%, #AA8E02BF 94%);

 

HEX #AA8E02BF まで HEX #D5B102


CSSコード:

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

 

HEX #AA8E02BF まで HEX #D5B102


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 9%, #D5B102 99%);

 

HEX #D5B102 まで HEX #AA8E02BF


CSSコード:

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

 

HEX #D5B102 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #D5B102 2%, #AA8E02BF 89%);

 

HEX #AA8E02BF まで HEX #FCD303


CSSコード:

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

 

HEX #AA8E02BF まで HEX #FCD303


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 13%, #FCD303 86%);

 

HEX #FCD303 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #FCD303 6%, #AA8E02BF 97%);

 

HEX #FCD303 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #FCD303 10%, #AA8E02BF 86%);

リニア

HEX #AA8E02BF まで HEX #AC6202BF


CSSコード:

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

ラジアル

HEX #AA8E02BF まで HEX #AC6202BF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 12%, #AC6202BF 97%);

 

HEX #AC6202BF まで HEX #AA8E02BF


CSSコード:

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

 

HEX #AC6202BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC6202BF 0%, #AA8E02BF 88%);

 

HEX #AA8E02BF まで HEX #AC8F02BF


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 2%, #AC8F02BF 97%);

 

HEX #AA8E02BF まで HEX #AC8F02BF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 7%, #AC8F02BF 89%);

 

HEX #AC8F02BF まで HEX #AA8E02BF


CSSコード:

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

 

HEX #AC8F02BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC8F02BF 1%, #AA8E02BF 87%);

 

HEX #AA8E02BF まで HEX #9BAC02BF


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 3%, #9BAC02BF 99%);

 

HEX #AA8E02BF まで HEX #9BAC02BF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 8%, #9BAC02BF 93%);

 

HEX #9BAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #9BAC02BF 7%, #AA8E02BF 100%);

 

HEX #9BAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #9BAC02BF 4%, #AA8E02BF 100%);

 

HEX #AA8E02BF まで HEX #6DAC02BF


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 10%, #6DAC02BF 95%);

 

HEX #AA8E02BF まで HEX #6DAC02BF


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 2%, #6DAC02BF 93%);

 

HEX #6DAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #6DAC02BF 1%, #AA8E02BF 97%);

 

HEX #6DAC02BF まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #6DAC02BF 10%, #AA8E02BF 98%);

リニア

HEX #AA8E02BF まで HEX #836D01


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 4%, #836D01 95%);

ラジアル

HEX #AA8E02BF まで HEX #836D01


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 9%, #836D01 96%);

 

HEX #836D01 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #836D01 11%, #AA8E02BF 94%);

 

HEX #836D01 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #836D01 14%, #AA8E02BF 90%);

 

HEX #AA8E02BF まで HEX #AC8F02


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 9%, #AC8F02 91%);

 

HEX #AA8E02BF まで HEX #AC8F02


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 5%, #AC8F02 96%);

 

HEX #AC8F02 まで HEX #AA8E02BF


CSSコード:

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

 

HEX #AC8F02 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC8F02 6%, #AA8E02BF 91%);

 

HEX #AA8E02BF まで HEX #D5B102


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 13%, #D5B102 97%);

 

HEX #AA8E02BF まで HEX #D5B102


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 14%, #D5B102 94%);

 

HEX #D5B102 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #D5B102 6%, #AA8E02BF 100%);

 

HEX #D5B102 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #D5B102 8%, #AA8E02BF 98%);

 

HEX #AA8E02BF まで HEX #FCD303


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 12%, #FCD303 94%);

 

HEX #AA8E02BF まで HEX #FCD303


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 10%, #FCD303 93%);

 

HEX #FCD303 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #FCD303 10%, #AA8E02BF 88%);

 

HEX #FCD303 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #FCD303 12%, #AA8E02BF 98%);

リニア

HEX #AA8E02BF まで HEX #02AC07


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 11%, #02AC07 93%);

ラジアル

HEX #AA8E02BF まで HEX #02AC07


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 6%, #02AC07 87%);

 

HEX #02AC07 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #02AC07 4%, #AA8E02BF 99%);

 

HEX #02AC07 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #02AC07 10%, #AA8E02BF 97%);

 

HEX #AA8E02BF まで HEX #4B02AC


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 9%, #4B02AC 92%);

 

HEX #AA8E02BF まで HEX #4B02AC


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 10%, #4B02AC 92%);

 

HEX #4B02AC まで HEX #AA8E02BF


CSSコード:

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

 

HEX #4B02AC まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #4B02AC 13%, #AA8E02BF 89%);

リニア

HEX #AA8E02BF まで HEX #02AC8F


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 3%, #02AC8F 87%);

ラジアル

HEX #AA8E02BF まで HEX #02AC8F


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 8%, #02AC8F 86%);

 

HEX #02AC8F まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #02AC8F 4%, #AA8E02BF 87%);

 

HEX #02AC8F まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #02AC8F 8%, #AA8E02BF 87%);

 

HEX #AA8E02BF まで HEX #8F02AC


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 10%, #8F02AC 88%);

 

HEX #AA8E02BF まで HEX #8F02AC


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 7%, #8F02AC 96%);

 

HEX #8F02AC まで HEX #AA8E02BF


CSSコード:

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

 

HEX #8F02AC まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #8F02AC 4%, #AA8E02BF 93%);

リニア

HEX #AA8E02BF まで HEX #02AC07


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 13%, #02AC07 96%);

ラジアル

HEX #AA8E02BF まで HEX #02AC07


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 11%, #02AC07 87%);

 

HEX #02AC07 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #02AC07 0%, #AA8E02BF 91%);

 

HEX #02AC07 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #02AC07 3%, #AA8E02BF 94%);

 

HEX #AA8E02BF まで HEX #021EAC


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 13%, #021EAC 99%);

 

HEX #AA8E02BF まで HEX #021EAC


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 8%, #021EAC 88%);

 

HEX #021EAC まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #021EAC 9%, #AA8E02BF 96%);

 

HEX #021EAC まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #021EAC 5%, #AA8E02BF 92%);

 

HEX #AA8E02BF まで HEX #AC02A6


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 3%, #AC02A6 95%);

 

HEX #AA8E02BF まで HEX #AC02A6


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 0%, #AC02A6 94%);

 

HEX #AC02A6 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #AC02A6 11%, #AA8E02BF 88%);

 

HEX #AC02A6 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC02A6 13%, #AA8E02BF 95%);

リニア

HEX #AA8E02BF まで HEX #02AC3A


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 6%, #02AC3A 91%);

ラジアル

HEX #AA8E02BF まで HEX #02AC3A


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 9%, #02AC3A 92%);

 

HEX #02AC3A まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #02AC3A 1%, #AA8E02BF 90%);

 

HEX #02AC3A まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #02AC3A 6%, #AA8E02BF 100%);

 

HEX #AA8E02BF まで HEX #021EAC


CSSコード:

background-image: linear-gradient(135deg, #AA8E02BF 2%, #021EAC 92%);

 

HEX #AA8E02BF まで HEX #021EAC


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 11%, #021EAC 94%);

 

HEX #021EAC まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #021EAC 11%, #AA8E02BF 98%);

 

HEX #021EAC まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #021EAC 7%, #AA8E02BF 92%);

 

HEX #AA8E02BF まで HEX #AC0273


CSSコード:

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

 

HEX #AA8E02BF まで HEX #AC0273


CSSコード:

background-image: radial-gradient(circle, #AA8E02BF 0%, #AC0273 89%);

 

HEX #AC0273 まで HEX #AA8E02BF


CSSコード:

background-image: linear-gradient(135deg, #AC0273 12%, #AA8E02BF 97%);

 

HEX #AC0273 まで HEX #AA8E02BF


CSSコード:

background-image: radial-gradient(circle, #AC0273 14%, #AA8E02BF 86%);

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

サービス内容

カラー

ラグビー に 呪咀

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