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

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

APIパッケージと価格 X

CSS グラデーション:
RGBA 234 178 32 0.75

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

この色調は明らかに赤と緑が支配的で、赤と緑の値は青よりも高い。 明るい色:高い色彩値は明るい印象を与える。

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

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

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

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

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

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

レッツゴー

リニア

HEX #EAB220BF まで HEX #154DDFBF


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 6%, #154DDFBF 91%);

ラジアル

HEX #EAB220BF まで HEX #154DDFBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 0%, #154DDFBF 98%);

 

HEX #154DDFBF まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #154DDFBF 13%, #EAB220BF 89%);

 

HEX #154DDFBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #154DDFBF 9%, #EAB220BF 93%);

リニア

HEX #EAB220BF まで HEX #EA7A1FBF


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 6%, #EA7A1FBF 94%);

ラジアル

HEX #EAB220BF まで HEX #EA7A1FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 0%, #EA7A1FBF 95%);

 

HEX #EA7A1FBF まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #EA7A1FBF 8%, #EAB220BF 93%);

 

HEX #EA7A1FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EA7A1FBF 8%, #EAB220BF 98%);

 

HEX #EAB220BF まで HEX #EAB11FBF


CSSコード:

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

 

HEX #EAB220BF まで HEX #EAB11FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 13%, #EAB11FBF 100%);

 

HEX #EAB11FBF まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #EAB11FBF 3%, #EAB220BF 93%);

 

HEX #EAB11FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EAB11FBF 14%, #EAB220BF 97%);

 

HEX #EAB220BF まで HEX #EAE71FBF


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 13%, #EAE71FBF 99%);

 

HEX #EAB220BF まで HEX #EAE71FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 14%, #EAE71FBF 100%);

 

HEX #EAE71FBF まで HEX #EAB220BF


CSSコード:

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

 

HEX #EAE71FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EAE71FBF 7%, #EAB220BF 91%);

 

HEX #EAB220BF まで HEX #B7EA1FBF


CSSコード:

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

 

HEX #EAB220BF まで HEX #B7EA1FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 6%, #B7EA1FBF 91%);

 

HEX #B7EA1FBF まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #B7EA1FBF 2%, #EAB220BF 93%);

 

HEX #B7EA1FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #B7EA1FBF 3%, #EAB220BF 93%);

リニア

HEX #EAB220BF まで HEX #CD9913


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 6%, #CD9913 89%);

ラジアル

HEX #EAB220BF まで HEX #CD9913


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 2%, #CD9913 89%);

 

HEX #CD9913 まで HEX #EAB220BF


CSSコード:

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

 

HEX #CD9913 まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #CD9913 3%, #EAB220BF 91%);

 

HEX #EAB220BF まで HEX #EAB21F


CSSコード:

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

 

HEX #EAB220BF まで HEX #EAB21F


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 7%, #EAB21F 100%);

 

HEX #EAB21F まで HEX #EAB220BF


CSSコード:

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

 

HEX #EAB21F まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EAB21F 0%, #EAB220BF 96%);

 

HEX #EAB220BF まで HEX #EEBF45


CSSコード:

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

 

HEX #EAB220BF まで HEX #EEBF45


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 14%, #EEBF45 95%);

 

HEX #EEBF45 まで HEX #EAB220BF


CSSコード:

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

 

HEX #EEBF45 まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EEBF45 2%, #EAB220BF 100%);

 

HEX #EAB220BF まで HEX #F1CC6B


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 12%, #F1CC6B 87%);

 

HEX #EAB220BF まで HEX #F1CC6B


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 13%, #F1CC6B 87%);

 

HEX #F1CC6B まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #F1CC6B 3%, #EAB220BF 91%);

 

HEX #F1CC6B まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #F1CC6B 7%, #EAB220BF 91%);

リニア

HEX #EAB220BF まで HEX #EA7A1FBF


CSSコード:

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

ラジアル

HEX #EAB220BF まで HEX #EA7A1FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 3%, #EA7A1FBF 93%);

 

HEX #EA7A1FBF まで HEX #EAB220BF


CSSコード:

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

 

HEX #EA7A1FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EA7A1FBF 3%, #EAB220BF 93%);

 

HEX #EAB220BF まで HEX #EAB11FBF


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 6%, #EAB11FBF 89%);

 

HEX #EAB220BF まで HEX #EAB11FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 3%, #EAB11FBF 90%);

 

HEX #EAB11FBF まで HEX #EAB220BF


CSSコード:

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

 

HEX #EAB11FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EAB11FBF 1%, #EAB220BF 100%);

 

HEX #EAB220BF まで HEX #EAE71FBF


CSSコード:

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

 

HEX #EAB220BF まで HEX #EAE71FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 1%, #EAE71FBF 91%);

 

HEX #EAE71FBF まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #EAE71FBF 7%, #EAB220BF 92%);

 

HEX #EAE71FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EAE71FBF 11%, #EAB220BF 99%);

 

HEX #EAB220BF まで HEX #B7EA1FBF


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 4%, #B7EA1FBF 86%);

 

HEX #EAB220BF まで HEX #B7EA1FBF


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 5%, #B7EA1FBF 92%);

 

HEX #B7EA1FBF まで HEX #EAB220BF


CSSコード:

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

 

HEX #B7EA1FBF まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #B7EA1FBF 11%, #EAB220BF 86%);

リニア

HEX #EAB220BF まで HEX #CD9913


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 1%, #CD9913 98%);

ラジアル

HEX #EAB220BF まで HEX #CD9913


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 0%, #CD9913 97%);

 

HEX #CD9913 まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #CD9913 12%, #EAB220BF 89%);

 

HEX #CD9913 まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #CD9913 2%, #EAB220BF 94%);

 

HEX #EAB220BF まで HEX #EAB21F


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 9%, #EAB21F 90%);

 

HEX #EAB220BF まで HEX #EAB21F


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 10%, #EAB21F 89%);

 

HEX #EAB21F まで HEX #EAB220BF


CSSコード:

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

 

HEX #EAB21F まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EAB21F 4%, #EAB220BF 96%);

 

HEX #EAB220BF まで HEX #EEBF45


CSSコード:

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

 

HEX #EAB220BF まで HEX #EEBF45


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 6%, #EEBF45 90%);

 

HEX #EEBF45 まで HEX #EAB220BF


CSSコード:

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

 

HEX #EEBF45 まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EEBF45 0%, #EAB220BF 86%);

 

HEX #EAB220BF まで HEX #F1CC6B


CSSコード:

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

 

HEX #EAB220BF まで HEX #F1CC6B


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 3%, #F1CC6B 95%);

 

HEX #F1CC6B まで HEX #EAB220BF


CSSコード:

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

 

HEX #F1CC6B まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #F1CC6B 12%, #EAB220BF 97%);

リニア

HEX #EAB220BF まで HEX #30EA1F


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 0%, #30EA1F 96%);

ラジアル

HEX #EAB220BF まで HEX #30EA1F


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 3%, #30EA1F 92%);

 

HEX #30EA1F まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #30EA1F 7%, #EAB220BF 93%);

 

HEX #30EA1F まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #30EA1F 3%, #EAB220BF 91%);

 

HEX #EAB220BF まで HEX #5F1FEA


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 6%, #5F1FEA 97%);

 

HEX #EAB220BF まで HEX #5F1FEA


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 3%, #5F1FEA 87%);

 

HEX #5F1FEA まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #5F1FEA 2%, #EAB220BF 87%);

 

HEX #5F1FEA まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #5F1FEA 0%, #EAB220BF 87%);

リニア

HEX #EAB220BF まで HEX #1FEAB1


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 1%, #1FEAB1 99%);

ラジアル

HEX #EAB220BF まで HEX #1FEAB1


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 7%, #1FEAB1 100%);

 

HEX #1FEAB1 まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #1FEAB1 0%, #EAB220BF 91%);

 

HEX #1FEAB1 まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #1FEAB1 3%, #EAB220BF 87%);

 

HEX #EAB220BF まで HEX #B11FEA


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 1%, #B11FEA 87%);

 

HEX #EAB220BF まで HEX #B11FEA


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 0%, #B11FEA 94%);

 

HEX #B11FEA まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #B11FEA 3%, #EAB220BF 97%);

 

HEX #B11FEA まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #B11FEA 14%, #EAB220BF 99%);

リニア

HEX #EAB220BF まで HEX #30EA1F


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 3%, #30EA1F 91%);

ラジアル

HEX #EAB220BF まで HEX #30EA1F


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 2%, #30EA1F 89%);

 

HEX #30EA1F まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #30EA1F 0%, #EAB220BF 86%);

 

HEX #30EA1F まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #30EA1F 6%, #EAB220BF 92%);

 

HEX #EAB220BF まで HEX #1F59EA


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 3%, #1F59EA 86%);

 

HEX #EAB220BF まで HEX #1F59EA


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 12%, #1F59EA 94%);

 

HEX #1F59EA まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #1F59EA 10%, #EAB220BF 86%);

 

HEX #1F59EA まで HEX #EAB220BF


CSSコード:

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

 

HEX #EAB220BF まで HEX #D91FEA


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 5%, #D91FEA 87%);

 

HEX #EAB220BF まで HEX #D91FEA


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 11%, #D91FEA 88%);

 

HEX #D91FEA まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #D91FEA 12%, #EAB220BF 96%);

 

HEX #D91FEA まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #D91FEA 1%, #EAB220BF 96%);

リニア

HEX #EAB220BF まで HEX #1FEA4B


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 5%, #1FEA4B 99%);

ラジアル

HEX #EAB220BF まで HEX #1FEA4B


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 4%, #1FEA4B 96%);

 

HEX #1FEA4B まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #1FEA4B 13%, #EAB220BF 96%);

 

HEX #1FEA4B まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #1FEA4B 10%, #EAB220BF 94%);

 

HEX #EAB220BF まで HEX #1F59EA


CSSコード:

background-image: linear-gradient(135deg, #EAB220BF 8%, #1F59EA 100%);

 

HEX #EAB220BF まで HEX #1F59EA


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 11%, #1F59EA 87%);

 

HEX #1F59EA まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #1F59EA 8%, #EAB220BF 86%);

 

HEX #1F59EA まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #1F59EA 9%, #EAB220BF 87%);

 

HEX #EAB220BF まで HEX #EA1FBE


CSSコード:

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

 

HEX #EAB220BF まで HEX #EA1FBE


CSSコード:

background-image: radial-gradient(circle, #EAB220BF 11%, #EA1FBE 100%);

 

HEX #EA1FBE まで HEX #EAB220BF


CSSコード:

background-image: linear-gradient(135deg, #EA1FBE 7%, #EAB220BF 86%);

 

HEX #EA1FBE まで HEX #EAB220BF


CSSコード:

background-image: radial-gradient(circle, #EA1FBE 10%, #EAB220BF 100%);

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

サービス内容

カラー

ラグビー に 呪咀

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