色相、彩度、輝度による配色ジェネレーター

#081ac3
#5c5bc3
#b12f5a
#3c1d44
#39c2b3
#b3ca62
#0f2257
#51af9e
#584d7e
#a3018c
#0c3c26
#3f2332
#4bf710
#a4a08c
#b3588e
#0d7530
#e4d8b7
#f55135
#aa13c7
#d10b42
#702ab7
#45adce
#afc4f4
#bd6105
#d92737
#50a323
#a74c58
#61b16e
#b83f1a
#7075d8
#0be9ff

長方形型の配色ジェネレーター 1

#cec4c8
#d546a7
#197e37
#3368d0
#ad7221
#e54900
#691df9
#043539
#fced54
#400ed1
#5da7d9
#3bb5ea
#25e911
#0d55b6
#7928eb
#2bb055
#ce268b
#f37b3b
#718005
#0be9e3
#c582a6
#aa378a
#942faf
#ead214
#0c2ad2
#59310a
#e01b73
#ac1101
#3fa1f5
#4cf39d
#c3297a
#d198f1
#43e007
#126b3a
#61cdcd
#6a90f0
#355d45
#4aab01
#5314b2
#0e59a9

長方形型の配色ジェネレーター 2

#32841a
#b3c723
#9115f0
#504cea
#55132b
#b91924
#cc12fa
#5deb8c
#e8ab25
#f2ab54
#621e44
#3434b4
#115a2f
#fa0193
#864a4e
#f51c9f
#55b126
#df42b3
#f5431e
#c2c868
#ea0d09
#e62707
#4a1d31
#36978d
#e08138
#6b45fa
#395133
#155b0d
#187565
#61a5c1
#c98be8
#83a56d
#acd466
#8b0d78
#f66e23
#641e05
#cdd73d
#c4cb3d
#e8d0c6
#197553

類似色の配色ジェネレーター

#2e4a0c
#b3a529
#46dd06
#f53f46
#19dec4
#0dc52b
#bc898a
#b7d3b2
#b4fbc9
#55dd21
#371115
#aaa464
#fcb2db
#40c1c5
#dbffcd
#c17b8d
#b16efa
#3b903c
#42c05d
#770c6c
#1eae19
#b55b64
#26627a
#a16b7c
#8805d1
#599b27
#a8e885
#92a28e
#26006a
#516977
#62025e
#83e880
#ee51f2
#be3db9
#1cf79f
#7e4b98
#a8bb2f
#da90be
#2ce3c4
#dd18a0
#f6eaa4
#c0e096
#2f8b0f
#c43842
#4809fc
#992cd7
#8e3720
#ca5f60
#22a891
#7d7927

正方形型の配色ジェネレーター

#e57683
#eb8646
#9799df
#806d1f
#188acd
#16e603
#086918
#f305df
#5804ee
#43fa4a
#127137
#f0bedf
#f4c7d9
#8ef99b
#66bb2d
#d1dcd5
#e5a5a8
#061c9e
#84ba1f
#f2decb
#5e4be1
#5928ef
#bd17c7
#23c6a8
#6e7787
#c342c4
#004166
#7b2bd3
#10b200
#3f4c2a
#dc87e6
#7d1fb5
#54641f
#484fc9
#a7ac16
#de153b
#e81cc7
#2ce061
#39da1d
#53799f

正三角形型の配色ジェネレーター

#7abcfc
#e53575
#5aa58d
#1fbe12
#7d134e
#ab60e2
#2dc9b7
#6b7723
#4d8cfe
#82803f
#938826
#322fe7
#d5434c
#d08859
#b9b966
#0cdc42
#ed0fba
#0d781c
#954273
#86b6e1
#5aba49
#e5a3c2
#d9e384
#d10cb7
#f600f0
#8aa017
#5e7b03
#904118
#2b67d6
#0a612a

隣接補色の配色ジェネレーター

#e821e3
#6d72bb
#03b60d
#8d9ebe
#b534b9
#f5db43
#7afadb
#38c445
#14af2e
#d0881b
#f533c4
#ecd958
#0475bb
#3da4b9
#316bf3
#5b2acc
#8483d7
#457ba3
#32b1ac
#464bf5
#b3b2e4
#a9d4bf
#28c6da
#988ab3
#37309c
#17acd1
#ad3dfb
#526846
#1601ce
#daab26
#6d04e8
#965428
#705895
#5c77dc
#167348
#110546
#0d536e
#896639
#a90aa0
#32a16b
#032cd3
#1f0c0b
#da725d
#93a9b7
#043938
#5997fd
#7c1a46
#249e6b
#888b95
#27465c

補色の配色ジェネレーター

#ba9221
#87bb6b
#eef6db
#4f74bd
#cb4d95
#04523b
#3aa501
#f9ca78
#837786
#aa5d5f
#9ae285
#f2f4ec
#42e872
#763456
#eb477f
#7cd3fe
#3d8793
#ff06a6
#b155c1
#88e450
#2396c2
#9a37ac
#4c358e
#e27a15
#62e574
#f91c21
#79b0dd
#143884
#27e73d
#69358c
#8b273f
#165f54
#1a6ea5
#c8170f
#9432e0
#0348c1
#c69560
#5ee250
#15592d
#f207fa
リセット
カラーコードの入力

配色ジェネレーターについて
お好みの色の配色パターンを生成します。色の組み合わせやカラーコーディネートを知りたい方におすすめです。