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

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

APIパッケージと価格 X

CSS グラデーション:
#DA959D

インフォメーション

一網打尽



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

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



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

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



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

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

表示オプション

商品説明

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

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

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

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

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

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

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

レッツゴー

リニア

HEX #DA959D まで HEX #256A62


CSSコード:

background-image: linear-gradient(135deg, #DA959D 2%, #256A62 98%);

ラジアル

HEX #DA959D まで HEX #256A62


CSSコード:

background-image: radial-gradient(circle, #DA959D 2%, #256A62 95%);

 

HEX #256A62 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #256A62 10%, #DA959D 90%);

 

HEX #256A62 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #256A62 1%, #DA959D 99%);

リニア

HEX #DA959D まで HEX #DA95B0


CSSコード:

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

ラジアル

HEX #DA959D まで HEX #DA95B0


CSSコード:

background-image: radial-gradient(circle, #DA959D 4%, #DA95B0 98%);

 

HEX #DA95B0 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #DA95B0 2%, #DA959D 90%);

 

HEX #DA95B0 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #DA95B0 3%, #DA959D 87%);

 

HEX #DA959D まで HEX #DAA095


CSSコード:

background-image: linear-gradient(135deg, #DA959D 12%, #DAA095 86%);

 

HEX #DA959D まで HEX #DAA095


CSSコード:

background-image: radial-gradient(circle, #DA959D 11%, #DAA095 89%);

 

HEX #DAA095 まで HEX #DA959D


CSSコード:

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

 

HEX #DAA095 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #DAA095 7%, #DA959D 90%);

 

HEX #DA959D まで HEX #DAB295


CSSコード:

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

 

HEX #DA959D まで HEX #DAB295


CSSコード:

background-image: radial-gradient(circle, #DA959D 5%, #DAB295 90%);

 

HEX #DAB295 まで HEX #DA959D


CSSコード:

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

 

HEX #DAB295 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #DAB295 13%, #DA959D 86%);

リニア

HEX #DA959D まで HEX #CF7781


CSSコード:

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

ラジアル

HEX #DA959D まで HEX #CF7781


CSSコード:

background-image: radial-gradient(circle, #DA959D 0%, #CF7781 97%);

 

HEX #CF7781 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #CF7781 0%, #DA959D 92%);

 

HEX #CF7781 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #CF7781 14%, #DA959D 100%);

 

HEX #DA959D まで HEX #E5B4BA


CSSコード:

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

 

HEX #DA959D まで HEX #E5B4BA


CSSコード:

background-image: radial-gradient(circle, #DA959D 4%, #E5B4BA 89%);

 

HEX #E5B4BA まで HEX #DA959D


CSSコード:

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

 

HEX #E5B4BA まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #E5B4BA 4%, #DA959D 91%);

 

HEX #DA959D まで HEX #EFD2D6


CSSコード:

background-image: linear-gradient(135deg, #DA959D 9%, #EFD2D6 98%);

 

HEX #DA959D まで HEX #EFD2D6


CSSコード:

background-image: radial-gradient(circle, #DA959D 4%, #EFD2D6 86%);

 

HEX #EFD2D6 まで HEX #DA959D


CSSコード:

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

 

HEX #EFD2D6 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #EFD2D6 0%, #DA959D 90%);

リニア

HEX #DA959D まで HEX #DA95B0


CSSコード:

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

ラジアル

HEX #DA959D まで HEX #DA95B0


CSSコード:

background-image: radial-gradient(circle, #DA959D 4%, #DA95B0 100%);

 

HEX #DA95B0 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #DA95B0 0%, #DA959D 95%);

 

HEX #DA95B0 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #DA95B0 1%, #DA959D 87%);

 

HEX #DA959D まで HEX #DAA095


CSSコード:

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

 

HEX #DA959D まで HEX #DAA095


CSSコード:

background-image: radial-gradient(circle, #DA959D 0%, #DAA095 98%);

 

HEX #DAA095 まで HEX #DA959D


CSSコード:

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

 

HEX #DAA095 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #DAA095 12%, #DA959D 89%);

 

HEX #DA959D まで HEX #DAB295


CSSコード:

background-image: linear-gradient(135deg, #DA959D 11%, #DAB295 97%);

 

HEX #DA959D まで HEX #DAB295


CSSコード:

background-image: radial-gradient(circle, #DA959D 3%, #DAB295 96%);

 

HEX #DAB295 まで HEX #DA959D


CSSコード:

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

 

HEX #DAB295 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #DAB295 4%, #DA959D 86%);

リニア

HEX #DA959D まで HEX #CF7781


CSSコード:

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

ラジアル

HEX #DA959D まで HEX #CF7781


CSSコード:

background-image: radial-gradient(circle, #DA959D 2%, #CF7781 90%);

 

HEX #CF7781 まで HEX #DA959D


CSSコード:

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

 

HEX #CF7781 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #CF7781 12%, #DA959D 88%);

 

HEX #DA959D まで HEX #E5B4BA


CSSコード:

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

 

HEX #DA959D まで HEX #E5B4BA


CSSコード:

background-image: radial-gradient(circle, #DA959D 1%, #E5B4BA 94%);

 

HEX #E5B4BA まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #E5B4BA 10%, #DA959D 89%);

 

HEX #E5B4BA まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #E5B4BA 2%, #DA959D 97%);

 

HEX #DA959D まで HEX #EFD2D6


CSSコード:

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

 

HEX #DA959D まで HEX #EFD2D6


CSSコード:

background-image: radial-gradient(circle, #DA959D 3%, #EFD2D6 88%);

 

HEX #EFD2D6 まで HEX #DA959D


CSSコード:

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

 

HEX #EFD2D6 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #EFD2D6 6%, #DA959D 91%);

リニア

HEX #DA959D まで HEX #D4DA95


CSSコード:

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

ラジアル

HEX #DA959D まで HEX #D4DA95


CSSコード:

background-image: radial-gradient(circle, #DA959D 6%, #D4DA95 89%);

 

HEX #D4DA95 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #D4DA95 13%, #DA959D 89%);

 

HEX #D4DA95 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #D4DA95 11%, #DA959D 92%);

 

HEX #DA959D まで HEX #95B9DA


CSSコード:

background-image: linear-gradient(135deg, #DA959D 10%, #95B9DA 97%);

 

HEX #DA959D まで HEX #95B9DA


CSSコード:

background-image: radial-gradient(circle, #DA959D 4%, #95B9DA 92%);

 

HEX #95B9DA まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #95B9DA 8%, #DA959D 88%);

 

HEX #95B9DA まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #95B9DA 8%, #DA959D 91%);

リニア

HEX #DA959D まで HEX #9DDA95


CSSコード:

background-image: linear-gradient(135deg, #DA959D 4%, #9DDA95 90%);

ラジアル

HEX #DA959D まで HEX #9DDA95


CSSコード:

background-image: radial-gradient(circle, #DA959D 3%, #9DDA95 92%);

 

HEX #9DDA95 まで HEX #DA959D


CSSコード:

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

 

HEX #9DDA95 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #9DDA95 12%, #DA959D 94%);

 

HEX #DA959D まで HEX #959DDA


CSSコード:

background-image: linear-gradient(135deg, #DA959D 5%, #959DDA 91%);

 

HEX #DA959D まで HEX #959DDA


CSSコード:

background-image: radial-gradient(circle, #DA959D 5%, #959DDA 96%);

 

HEX #959DDA まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #959DDA 3%, #DA959D 90%);

 

HEX #959DDA まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #959DDA 3%, #DA959D 88%);

リニア

HEX #DA959D まで HEX #D4DA95


CSSコード:

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

ラジアル

HEX #DA959D まで HEX #D4DA95


CSSコード:

background-image: radial-gradient(circle, #DA959D 7%, #D4DA95 96%);

 

HEX #D4DA95 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #D4DA95 11%, #DA959D 99%);

 

HEX #D4DA95 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #D4DA95 6%, #DA959D 92%);

 

HEX #DA959D まで HEX #95DAD2


CSSコード:

background-image: linear-gradient(135deg, #DA959D 12%, #95DAD2 89%);

 

HEX #DA959D まで HEX #95DAD2


CSSコード:

background-image: radial-gradient(circle, #DA959D 13%, #95DAD2 98%);

 

HEX #95DAD2 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #95DAD2 0%, #DA959D 96%);

 

HEX #95DAD2 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #95DAD2 6%, #DA959D 100%);

 

HEX #DA959D まで HEX #9B95DA


CSSコード:

background-image: linear-gradient(135deg, #DA959D 2%, #9B95DA 90%);

 

HEX #DA959D まで HEX #9B95DA


CSSコード:

background-image: radial-gradient(circle, #DA959D 1%, #9B95DA 91%);

 

HEX #9B95DA まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #9B95DA 9%, #DA959D 98%);

 

HEX #9B95DA まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #9B95DA 1%, #DA959D 96%);

リニア

HEX #DA959D まで HEX #C0DA95


CSSコード:

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

ラジアル

HEX #DA959D まで HEX #C0DA95


CSSコード:

background-image: radial-gradient(circle, #DA959D 11%, #C0DA95 88%);

 

HEX #C0DA95 まで HEX #DA959D


CSSコード:

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

 

HEX #C0DA95 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #C0DA95 2%, #DA959D 87%);

 

HEX #DA959D まで HEX #95DAD2


CSSコード:

background-image: linear-gradient(135deg, #DA959D 13%, #95DAD2 88%);

 

HEX #DA959D まで HEX #95DAD2


CSSコード:

background-image: radial-gradient(circle, #DA959D 1%, #95DAD2 98%);

 

HEX #95DAD2 まで HEX #DA959D


CSSコード:

background-image: linear-gradient(135deg, #95DAD2 13%, #DA959D 91%);

 

HEX #95DAD2 まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #95DAD2 1%, #DA959D 86%);

 

HEX #DA959D まで HEX #B095DA


CSSコード:

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

 

HEX #DA959D まで HEX #B095DA


CSSコード:

background-image: radial-gradient(circle, #DA959D 10%, #B095DA 91%);

 

HEX #B095DA まで HEX #DA959D


CSSコード:

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

 

HEX #B095DA まで HEX #DA959D


CSSコード:

background-image: radial-gradient(circle, #B095DA 12%, #DA959D 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.