オリジナル343色

Webセーフカラー216色よりも色の間隔を狭めて、Webデザインで利用しやすい、より実用的な色の選択が出来ます。

  • #fff
  • #ddd
  • #bbb
  • #999
  • #777
  • #444
  • #000

#00f

#f0d

#f0b

#f09

#f07

#f04

#f00

#d0f

#f4f

#f4d

#f4b

#f49

#f47

#f44

#f40

#b0f

#d4f

#f7f

#f7d

#f7b

#f79

#f77

#f74

#f70

#90f

#b4f

#d7f

#f9f

#f9d

#f9b

#f99

#f97

#f94

#f90

#70f

#94f

#b7f

#d9f

#fbf

#fbd

#fbb

#fb9

#fb7

#fb4

#fb0

#40f

#74f

#97f

#b9f

#dbf

#fdf

#fdd

#fdb

#fd9

#fd7

#fd4

#fd0

#00f

#44f

#77f

#99f

#bbf

#ddf

#fff

#ffd

#ffb

#ff9

#ff7

#ff4

#ff0

#04f

#47f

#79f

#9bf

#bdf

#dff

#dfd

#dfb

#df9

#df7

#df4

#df0

#07f

#49f

#7bf

#9df

#bff

#bfd

#bfb

#bf9

#bf7

#bf4

#bf0

#09f

#4bf

#7df

#9ff

#9fd

#9fb

#9f9

#9f7

#9f4

#9f0

#0bf

#4df

#7ff

#7fd

#7fb

#7f9

#7f7

#7f4

#7f0

#0df

#4ff

#4fd

#4fb

#4f9

#4f7

#4f4

#4f0

#0ff

#0fd

#0fb

#0f9

#0f7

#0f4

#0f0

 

#d0d

#d0b

#d09

#d07

#d04

#d00

#b0d

#d4d

#d4b

#d49

#d47

#d44

#d40

#90d

#b4d

#d7d

#d7b

#d79

#d77

#d74

#d70

#70d

#94d

#b7d

#d9d

#d9b

#d99

#d97

#d94

#d90

#40d

#74d

#97d

#b9d

#dbd

#dbb

#db9

#db7

#db4

#db0

#00d

#44d

#77d

#99d

#bbd

#ddd

#ddb

#dd9

#dd7

#dd4

#dd0

#04d

#47d

#79d

#9bd

#bdd

#bdb

#bd9

#bd7

#bd4

#bd0

#07d

#49d

#7bd

#9dd

#9db

#9d9

#9d7

#9d4

#9d0

#09d

#4bd

#7dd

#7db

#7d9

#7d7

#7d4

#7d0

#0bd

#4dd

#4db

#4d9

#4d7

#4d4

#4d0

#0dd

#0db

#0d9

#0d7

#0d4

#0d0

 

 

 

#b0b

#b09

#b07

#b04

#b00

#90b

#b4b

#b49

#b47

#b44

#b40

#70b

#94b

#b7b

#b79

#b77

#b74

#b70

#40b

#74b

#97b

#b9b

#b99

#b97

#b94

#b90

#00b

#44b

#77b

#99b

#bbb

#bb9

#bb7

#bb4

#bb0

#04b

#47b

#79b

#9bb

#9b9

#9b7

#9b4

#9b0

#07b

#49b

#7bb

#7b9

#7b7

#7b4

#7b0

#09b

#4bb

#4b9

#4b7

#4b4

#4b0

#0bb

#0b9

#0b7

#0b4

#0b0

 

 

 

 

 

#909

#907

#904

#900

#709

#949

#947

#944

#940

#409

#749

#979

#977

#974

#970

#009

#449

#779

#999

#997

#994

#990

#049

#479

#799

#797

#794

#790

#079

#499

#497

#494

#490

#099

#097

#094

#090

 

 

 

 

 

 

 

#707

#704

#700

#407

#747

#744

#740

#007

#447

#777

#774

#770

#047

#477

#474

#470

#077

#074

#070

 

 

 

 

 

 

 

 

 

#404

#400

#004

#444

#440

#044

#040

 

 

 

 

 

 

 

 

 

 

 

#000

 

 

 

 

 

 

このツールについて

配色の選択に便利な色相環タイプのWeb用カラーチャート、カラーコード表です。
中心にいくほど彩度が低くなっており、タブを切り替えることで明度を変えることができます。

16進数3桁のカラーコードについて

16進数のカラーコードには3桁（#RGB）と6桁（#RRGGBB）の指定方法があります。3桁の#f06と6桁の#ff0066は全く同じ色となります。