げんちゃんの色見本 - げんちゃんカラーチャート

色相
番号

冴えた

vivid
v

#ff00cc

#ff0099

#ff0066

#ff0000

#ff6600

#ff9900

#ffcc00

#ffff00

#ccff00

#99ff00

#66ff00

#00ff00

#00ff66

#00ff99

#00ffcc

#00ffff

#00ccff

#0099ff

#0066ff

#0000ff

#6600ff

#9900ff

#cc00ff

#ff00ff

#000000

明るい

bright
b

#ff66e0

#ff66c2

#ff66a3

#ff6666

#ffa366

#ffc266

#ffe066

#ffff66

#e0ff66

#c2ff66

#a3ff66

#66ff66

#66ffa3

#66ffc2

#66ffe0

#66ffff

#66e0ff

#66c2ff

#66a3ff

#6666ff

#a366ff

#c266ff

#e066ff

#ff66ff

Gy2

#333333

浅い

light
lt

#ff99eb

#ff99d6

#ff99c2

#ff9999

#ffc299

#ffd699

#ffeb99

#ffff99

#ebff99

#d6ff99

#c2ff99

#99ff99

#99ffc2

#99ffd6

#99ffeb

#99ffff

#99ebff

#99d6ff

#99c2ff

#9999ff

#c299ff

#d699ff

#eb99ff

#ff99ff

Gy3

#4c4c4c

薄い

pale
p

#ffccf5

#ffcceb

#ffcce0

#ffcccc

#ffe0cc

#ffebcc

#fff5cc

#ffffcc

#f5ffcc

#ebffcc

#e0ffcc

#ccffcc

#ccffe0

#ccffeb

#ccfff5

#ccffff

#ccf5ff

#ccebff

#cce0ff

#ccccff

#e0ccff

#ebccff

#f5ccff

#ffccff

Gy4

#666666

強い

strong
s

#cc33ad

#cc338f

#cc3370

#cc3333

#cc7033

#cc8f33

#ccad33

#cccc33

#adcc33

#8fcc33

#70cc33

#33cc33

#33cc70

#33cc8f

#33ccad

#33cccc

#33adcc

#338fcc

#3370cc

#3333cc

#7033cc

#8f33cc

#ad33cc

#cc33cc

Gy5

#7f7f7f

柔らかい

soft
sf

#e599d6

#e599c7

#e599b7

#e59999

#e5b799

#e5c799

#e5d699

#e5e599

#d6e599

#c7e599

#b7e599

#99e599

#99e5b7

#99e5c7

#99e5d6

#99e5e5

#99d6e5

#99c7e5

#99b7e5

#9999e5

#b799e5

#c799e5

#d699e5

#e599e5

Gy6

#999999

明るい
灰みの
light
grayish
ltg

#e5cce0

#e5ccdb

#e5ccd6

#e5cccc

#e5d6cc

#e5dbcc

#e5e0cc

#e5e5cc

#e0e5cc

#dbe5cc

#d6e5cc

#cce5cc

#cce5d6

#cce5db

#cce5e0

#cce5e5

#cce0e5

#ccdbe5

#ccd6e5

#cccce5

#d6cce5

#dbcce5

#e0cce5

#e5cce5

Gy7

#b2b2b2

鈍い

dull
d

#b266a3

#b26694

#b26684

#b26666

#b28466

#b29466

#b2a366

#b2b266

#a3b266

#94b266

#84b266

#66b266

#66b284

#66b294

#66b2a3

#66b2b2

#66a3b2

#6694b2

#6684b2

#6666b2

#8466b2

#9466b2

#a366b2

#b266b2

Gy8

#cccccc

灰みの

grayish
g

#ccb2c7

#ccb2c2

#ccb2bc

#ccb2b2

#ccbcb2

#ccc2b2

#ccc7b2

#ccccb2

#c7ccb2

#c2ccb2

#bcccb2

#b2ccb2

#b2ccbc

#b2ccc2

#b2ccc7

#b2cccc

#b2c7cc

#b2c2cc

#b2bccc

#b2b2cc

#bcb2cc

#c2b2cc

#c7b2cc

#ccb2cc

Gy9

#e5e5e5

濃い

deep
dp

#cc00a3

#cc007a

#cc0052

#cc0000

#cc5200

#cc7a00

#cca300

#cccc00

#a3cc00

#7acc00

#52cc00

#00cc00

#00cc52

#00cc7a

#00cca3

#00cccc

#00a3cc

#007acc

#0052cc

#0000cc

#5200cc

#7a00cc

#a300cc

#cc00cc

#ffffff

暗い

dark
dk

#99007a

#99005c

#99003d

#990000

#993d00

#995c00

#997a00

#999900

#7a9900

#5c9900

#3d9900

#009900

#00993d

#00995c

#00997a

#009999

#007a99

#005c99

#003d99

#000099

#3d0099

#5c0099

#7a0099

#990099

暗い
灰みの
dark
grayish
dkg

#660052

#66003d

#660029

#660000

#662900

#663d00

#665200

#666600

#526600

#3d6600

#296600

#006600

#006629

#00663d

#006652

#006666

#005266

#003d66

#002966

#000066

げんちゃんカラーチャートとは

ウェブページの配色・色相バリエーション用に作成したカラーチャートです。
セーフカラーチャートやパステルカラーチャートでは、一部のトーンは色相が減っています。
このチャートでは、セーフカラーをベースに、各トーンの色を補完し、一部のトーンを統合しています。
２４色相のすべてがそれぞれ１２トーンを持っていますので、１５度変化させることで色のバリエーションを作成可能です。
また、各色をトーンと色相の組み合わせで、「p8:トーンはpaleで、色相は8」と表現できます。
日本色彩研究所によって開発されたPCCS体系とも対応可能です。

便利ツール

カラーチャート (色見本)

セーフカラーチャート：セーフカラー２１０色を１つの表としてまとめたもの
パステルカラーチャート：セーフカラーを基に、パステル色２１０色を作成したもの
げんちゃんカラーチャート：セーフカラーを基に、２４色相・１２トーンとしたもの
イッテンカラーチャート：赤・青・黄の混色から作られた１０６色のカラーチャート

カラーパレット

セーフカラーパレット：セーフカラーで構成されたパレット
パステルカラーパレット：パステルカラーで構成されたパレット

姉妹サイト

- げんちゃんの色見本 -