Dear color lovers – together, we’ll have a more colorful future. Support us on

カラーパレット - IM JUNIO

概要

了い

想定される用途

これらのカラーパレットを継続して使用することができます。個々の色を変えるなどして、自分好みに仕上げてください。これらのカラーパレットを評価し、共有してください。

このカラーパレットから2色を使用した線形および放射状の色の遷移の例を見つける。

最初の3色はあらかじめ選択されています-利用可能な場合。各色の右下にあるカラーアイコンで追加・非選択が可能です。

Webデザインに最適:CSSコードをコピーして、Webサイトに簡単に組み込むことができます。

このカラーパレットから3色を使用して、線形および放射状の色遷移の例を見つける。

最初の3色は事前に選択されています - 利用可能な場合。各色の右下にあるカラーアイコンで追加・非選択が可能です。

Webデザインに最適:CSSコードをコピーして、Webサイトに簡単に組み込むことができます。

表示オプション

#040405

CMYK 20 / 20 / 0 / 98

HEX #040405

RGB 4 4 5

HSL 240, 0.11%, 0.02%

LAB 1.12, 0.14, -0.38

 

#4D4C4C

CMYK 0 / 1 / 1 / 70

HEX #4D4C4C

RGB 77 76 76

HSL 0, 0.01%, 0.3%

LAB 32.41, 0.41, 0.14

 

#561943

CMYK 0 / 71 / 22 / 66

HEX #561943

RGB 86 25 67

HSL 318.69, 0.55%, 0.22%

LAB 20.36, 33.08, -11.83

 

#23000A

CMYK 0 / 100 / 71 / 86

HEX #23000A

RGB 35 0 10

HSL 342.86, 1%, 0.07%

LAB 3.43, 15.87, 1.32

 

#561919

CMYK 0 / 71 / 71 / 66

HEX #561919

RGB 86 25 25

HSL 0, 0.55%, 0.22%

LAB 18.99, 28.19, 15.58

 

#561933

CMYK 0 / 71 / 41 / 66

HEX #561933

RGB 86 25 51

HSL 334.43, 0.55%, 0.22%

LAB 19.69, 30.76, -1.7

 

#8F1440

CMYK 0 / 86 / 55 / 44

HEX #8F1440

RGB 143 20 64

HSL 338.54, 0.75%, 0.32%

LAB 31.14, 51.11, 7.4

 

#D71E60

CMYK 0 / 86 / 55 / 16

HEX #D71E60

RGB 215 30 96

HSL 338.59, 0.76%, 0.48%

LAB 47.26, 70.01, 11.65

 

#C9133C

CMYK 0 / 91 / 70 / 21

HEX #C9133C

RGB 201 19 60

HSL 346.48, 0.83%, 0.43%

LAB 43.08, 66.3, 27.93

 

#7D0B25

CMYK 0 / 91 / 70 / 51

HEX #7D0B25

RGB 125 11 37

HSL 346.32, 0.84%, 0.27%

LAB 25.96, 46.28, 17.92

 

#C8123B

CMYK 0 / 91 / 71 / 22

HEX #C8123B

RGB 200 18 59

HSL 346.48, 0.83%, 0.43%

LAB 42.81, 66.14, 28.16

 

#CAC9C8

CMYK 0 / 0 / 1 / 21

HEX #CAC9C8

RGB 202 201 200

HSL 30, 0.02%, 0.79%

LAB 81.02, 0.17, 0.61

 

#818181

CMYK 0 / 0 / 0 / 49

HEX #818181

RGB 129 129 129

HSL 0, 0%, 0.51%

LAB 53.98, 0, -0.01

 

#4E4B48

CMYK 0 / 4 / 8 / 69

HEX #4E4B48

RGB 78 75 72

HSL 30, 0.04%, 0.29%

LAB 32.08, 0.62, 2.22

 

#585858

CMYK 0 / 0 / 0 / 65

HEX #585858

RGB 88 88 88

HSL 0, 0%, 0.35%

LAB 37.41, 0, -0

SW® 7674

リニア

HEX #040405 まで HEX #4D4C4C


CSSコード:

background-image: linear-gradient(135deg, #040405 -1%, #4D4C4C 94%);

ラジアル

HEX #040405 まで HEX #4D4C4C


CSSコード:

background-image: radial-gradient(circle, #040405 2%, #4D4C4C 194%);

 

HEX #040405 まで HEX #561943


CSSコード:

background-image: linear-gradient(135deg, #040405 1%, #561943 96%);

 

HEX #040405 まで HEX #561943


CSSコード:

background-image: radial-gradient(circle, #040405 -8%, #561943 201%);

 

HEX #4D4C4C まで HEX #040405


CSSコード:

background-image: linear-gradient(135deg, #4D4C4C -8%, #040405 98%);

 

HEX #4D4C4C まで HEX #040405


CSSコード:

background-image: radial-gradient(circle, #4D4C4C 3%, #040405 190%);

 

HEX #4D4C4C まで HEX #561943


CSSコード:

background-image: linear-gradient(135deg, #4D4C4C 10%, #561943 94%);

 

HEX #4D4C4C まで HEX #561943


CSSコード:

background-image: radial-gradient(circle, #4D4C4C 5%, #561943 197%);

 

HEX #561943 まで HEX #040405


CSSコード:

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

 

HEX #561943 まで HEX #040405


CSSコード:

background-image: radial-gradient(circle, #561943 11%, #040405 193%);

 

HEX #561943 まで HEX #4D4C4C


CSSコード:

background-image: linear-gradient(135deg, #561943 6%, #4D4C4C 87%);

 

HEX #561943 まで HEX #4D4C4C


CSSコード:

background-image: radial-gradient(circle, #561943 1%, #4D4C4C 186%);

リニア

HEX #040405 を経て HEX #4D4C4C まで HEX #561943


CSSコード:

background-image: linear-gradient(135deg, #040405 -4%, #4D4C4C 45%, #561943 91%);

ラジアル

HEX #040405 を経て HEX #4D4C4C まで HEX #561943


CSSコード:

background-image: radial-gradient(circle, #040405 8%, #4D4C4C 44%, #561943 100%);

 

HEX #040405 を経て HEX #561943 まで HEX #4D4C4C


CSSコード:

background-image: linear-gradient(135deg, #040405 9%, #561943 50%, #4D4C4C 92%);

 

HEX #040405 を経て HEX #561943 まで HEX #4D4C4C


CSSコード:

background-image: radial-gradient(circle, #040405 4%, #561943 58%, #4D4C4C 89%);

 

HEX #4D4C4C を経て HEX #040405 まで HEX #561943


CSSコード:

background-image: linear-gradient(135deg, #4D4C4C 8%, #040405 46%, #561943 94%);

 

HEX #4D4C4C を経て HEX #040405 まで HEX #561943


CSSコード:

background-image: radial-gradient(circle, #4D4C4C 11%, #040405 42%, #561943 108%);

 

HEX #4D4C4C を経て HEX #561943 まで HEX #040405


CSSコード:

background-image: linear-gradient(135deg, #4D4C4C -2%, #561943 46%, #040405 108%);

 

HEX #4D4C4C を経て HEX #561943 まで HEX #040405


CSSコード:

background-image: radial-gradient(circle, #4D4C4C -5%, #561943 50%, #040405 89%);

 

HEX #561943 を経て HEX #040405 まで HEX #4D4C4C


CSSコード:

background-image: linear-gradient(135deg, #561943 -5%, #040405 55%, #4D4C4C 97%);

 

HEX #561943 を経て HEX #040405 まで HEX #4D4C4C


CSSコード:

background-image: radial-gradient(circle, #561943 8%, #040405 48%, #4D4C4C 98%);

 

HEX #561943 を経て HEX #4D4C4C まで HEX #040405


CSSコード:

background-image: linear-gradient(135deg, #561943 9%, #4D4C4C 47%, #040405 103%);

 

HEX #561943 を経て HEX #4D4C4C まで HEX #040405


CSSコード:

background-image: radial-gradient(circle, #561943 -8%, #4D4C4C 49%, #040405 95%);

2色グラデーション対応(12 個数)。

見せてください

3色グラデーション対応(12 個数)。

見せてください

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

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

レッツゴー

ディスプレイ

人気のあるコンバージョン

ラグビー に 呪咀

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

カミーユ に 呪咀

から変換する CMYK シアン/マゼンタ/イエロー/キー まで #RRGGBB

カミーユ に ラグビー

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RGB レッド・グリーン・ブルー

カミーユ に ラル®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで RAL® 番号 (RAL 0000)

カミーユ に 豚足®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで HKS® 番号(HKS 00)

カミーユ に パントン®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで Pantone® 番号 (Pantone 0000)

カミーユ に シャーウィン・ウィリアムズ®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カミーユ に エヌシーエス®

から変換する CMYK シアン/マゼンタ/イエロー/キー まで NCS番号(S0000-X00X)

nsc-logo

呪咀 に ラグビー

から変換する #RRGGBB まで RGB レッド・グリーン・ブルー

呪咀 に カミーユ

から変換する #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) まで 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) まで 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) まで 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) まで 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) まで CMYK シアン/マゼンタ/イエロー/キー

Icons

エヌシーエス® に 呪咀

から変換する NCS番号(S0000-X00X) まで #RRGGBB

エヌシーエス® に ラル®

から変換する NCS番号(S0000-X00X) まで RAL® 番号 (RAL 0000)

エヌシーエス® に 豚足®

から変換する NCS番号(S0000-X00X) まで HKS® 番号(HKS 00)

エヌシーエス® に パントン®

から変換する NCS番号(S0000-X00X) まで Pantone® 番号 (Pantone 0000)

エヌシーエス® に シャーウィン・ウィリアムズ®

から変換する NCS番号(S0000-X00X) まで シャーウィン・ウィリアムズ® 番号 (SW 0000)

カラーパレットを保存するには、ログインする必要があります。

アカウントにログイン

または

アカウントを作成する

現在のカラーパレット 共有
公開か非公開か?
共有後、リンク(複数可)が続きます。

キャンセル シェア

カラーパレット共有
ご希望のリンクをコピーして保存してください。

シェア

OK、リンクをコピーしておきました

カラーは新しいカラーパレットに保存され、
プロフィールの下に表示されます。
さらにカスタマイズしたり、共有することもできます。

カラーパレットを表示する
了い

カラーパレットを作成する

ダウンロード各種フォーマットでダウンロード

すべて削除

をクリックすると、パレットを作成し、 色見本をダウンロードすることができます。