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

#97fdb8
#56dac5
#31f4b5
#70eb53
#44675f
#6a7ff0
#4c8e1e
#4459a7
#656936
#4ab3fe
#e4eb64
#f468e4
#ec6156
#4cc4a8
#1acdfd
#0c022a
#347e3e
#2e8133
#7362d3
#0e4613
#e43063
#589054
#77ecb8
#282a2b
#ed3d1a
#9c4249
#2a429e
#fa1259
#3e2377
#f70624
#df5643

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

#298ed7
#d978f1
#b295a1
#920f3d
#b2cda3
#4becdb
#805ae8
#0511a9
#a0d888
#6cff0f
#94c823
#7fc6e9
#c9a726
#1a675a
#f490d7
#bd721e
#e99ea0
#27f078
#06314a
#db8161
#678eca
#1662c3
#7e3075
#01e7e1
#b0d704
#a947d2
#184d50
#e45c69
#6b5b24
#1611b8
#7b9076
#891aef
#429312
#0cc599
#9f475e
#607f2f
#4c85fb
#1bf2c9
#0b7ec0
#43b983

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

#852c39
#1cbca6
#24e5d2
#773e6b
#a8c163
#294ee5
#225c76
#12a46f
#6a4216
#b57906
#5e0a91
#eaab64
#28e767
#5fa71a
#fcff14
#366335
#882c24
#f53b21
#bb3972
#0517b1
#b8063c
#81ab9f
#5ee89d
#4b0a04
#80c0fe
#79012f
#88d6ac
#d657dd
#dd8b0e
#9d9637
#69a8d5
#1efb71
#d49531
#f39900
#380f5c
#4bcec7
#69cd59
#4c01dc
#037991
#56300f

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

#c41398
#e1b411
#d59e1a
#458be7
#8a7ccf
#7799c0
#b3680f
#96edd2
#ea1151
#faf7f5
#67dda1
#0a064f
#cab3d0
#13399a
#919d68
#f0193d
#4dbf3b
#454507
#e9db7e
#613e8d
#78b076
#7d5947
#6a9807
#448a69
#c41b08
#5cad75
#dd5cd5
#2f5151
#69762a
#90ddb4
#7c6839
#ca0fd5
#9b41d9
#97d697
#fa073b
#9dc4ea
#18d9ce
#8ca920
#4541c8
#16090a
#b44678
#2dbe8f
#541f93
#c21b8f
#b2ba76
#0c84aa
#b2f4aa
#c4c30a
#626d0e
#672047

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

#71910a
#377479
#a868af
#473d2f
#a31eb9
#840099
#a0ee7a
#32efb2
#282e16
#5045cf
#137e5a
#a70d78
#0c2883
#2c584a
#72a530
#2aa868
#cc5d8b
#5c7962
#4da911
#9aafbb
#575f25
#a05262
#8945a7
#306887
#2ba5c3
#ff7632
#d32923
#2eb063
#6cbd3a
#5b708e
#a4045f
#5611eb
#0ac7ce
#b8e0ce
#bc0719
#97dc39
#b134d3
#f68961
#6fcb6a
#a9ebb8

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

#635cbb
#921c7c
#d641d3
#58e3c9
#c08c87
#6a21aa
#156195
#da7e2b
#6926e9
#59d735
#b1772c
#168e24
#fc2190
#82ad96
#0c2511
#60a2c6
#73896d
#f62a6c
#bac934
#7f14ef
#2020f3
#cde39f
#3a3bb8
#0402c3
#43d787
#1d1aad
#de01fa
#e283c3
#f109c1
#438b54

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

#e55adc
#1b7dd9
#c56e24
#328006
#ff37e3
#3b34d8
#bb8a64
#0f71e7
#7988a7
#e03359
#50c976
#21a13f
#067494
#6ec503
#d10af6
#2d6e93
#b5790d
#87278c
#af0896
#c80be6
#252067
#81190b
#6376b3
#fba0c9
#5e684c
#9abf71
#979139
#ee732e
#733479
#4c4e3f
#231673
#82523b
#3794f9
#3a8cc0
#25c576
#db9f90
#00753c
#11b06c
#c98e38
#f426a6
#9bbba9
#7d243e
#d0fd97
#44b94f
#fc37a5
#e10f15
#4d4fc9
#d4837b
#c13617
#2cf86b

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

#c53803
#bd77be
#a472e2
#650c06
#d1145d
#45594c
#639fed
#7e726e
#17312c
#d1ff58
#4320a3
#1c3d33
#832f5d
#38b912
#48230f
#2ac368
#32d598
#a378b1
#9f2df2
#683be0
#88cc2a
#a5df41
#d3cd7f
#9027fe
#0f3ff6
#37aa2b
#ec7e9c
#24fb29
#c168fe
#6c9ea5
#b592cd
#159848
#27b53e
#ab1e83
#74c52a
#abffc7
#a720d8
#455519
#77db13
#151e05
リセット
カラーコードの入力

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