bar chart Example 1
bar chart Example 2
line chart Example 3
line chart Example 4
pie chart Example 5
pie chart Example 6
Live Example
Graphic Tools
Invisible Counter
HTML Color Codes - Hex Colors - Color Spectrum
Select a startcolor to create spectrum
Restart from the basic HTML colors (RED, GREEN, BLUE)
Restart from a color using the colorpicker.
Click on a color in the spectum grid to refine the spectrum
and find the complementary html colors
Colorpallet from #BD4CAD to #BDAD4C and to #4CBDAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD5C9D
#BA5CA0
#B75DA2
#B45DA5
#B15DA7
#AF5EAA
#AB5EAD
#BD6B8E
#B76C93
#B16D98
#AC6D9D
#A66EA2
#A06FA7
#9970AD
#BD7B7E
#B47C86
#AC7D8D
#A37E95
#9A7F9C
#9281A4
#8782AD
#BD8A6F
#B18C79
#A68D83
#9A8F8D
#8F9097
#8392A1
#7594AD
#BD9A5F
#AF9C6B
#A09E78
#92A084
#83A291
#75A49D
#63A6AD
#BDAD4C
#ABB05C
#99B26B
#87B57B
#75B78A
#63BA9A
#4CBDAD
Colorpallet from #BD4CAD to #BDAD4C and to #4CADBD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD5C9D
#BA5CA0
#B75CA3
#B45CA6
#B15CA9
#AF5CAC
#AB5CB0
#BD6B8E
#B76B94
#B16B9A
#AC6B9F
#A66BA5
#A06BAB
#996BB2
#BD7B7E
#B47B87
#AC7B90
#A37B98
#9A7BA1
#927BAA
#877BB5
#BD8A6F
#B18A7B
#A68A86
#9A8A92
#8F8A9D
#838AA9
#758AB7
#BD9A5F
#AF9A6E
#A09A7C
#929A8B
#839A99
#759AA8
#639ABA
#BDAD4C
#ABAD5E
#99AD70
#87AD82
#75AD94
#63ADA6
#4CADBD
Colorpallet from #BD4CAD to #BDAD4C and to #ADBD4C
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD5C9D
#BD5C9D
#BC5D9D
#BC5D9D
#BB5D9D
#BB5E9D
#BA5E9D
#BD6B8E
#BC6C8E
#BB6D8E
#BB6D8E
#BA6E8E
#B96F8E
#B8708E
#BD7B7E
#BC7C7E
#BA7D7E
#B97E7E
#B87F7E
#B7817E
#B5827E
#BD8A6F
#BB8C6F
#BA8D6F
#B88F6F
#B7906F
#B5926F
#B3946F
#BD9A5F
#BB9C5F
#B99E5F
#B7A05F
#B5A25F
#B3A45F
#B0A65F
#BDAD4C
#BAB04C
#B8B24C
#B5B54C
#B3B74C
#B0BA4C
#ADBD4C
Colorpallet from #BD4CAD to #BDAD4C and to #AD4CBD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD5C9D
#BD59A0
#BC57A3
#BC54A6
#BB52A9
#BB4FAC
#BA4CB0
#BD6B8E
#BC6694
#BB619A
#BB5C9F
#BA57A5
#B952AB
#B84CB2
#BD7B7E
#BC7387
#BA6C90
#B96498
#B85DA1
#B755AA
#B54CB5
#BD8A6F
#BB807B
#BA7686
#B86C92
#B7629D
#B558A9
#B34CB7
#BD9A5F
#BB8E6E
#B9817C
#B7758B
#B56899
#B35CA8
#B04CBA
#BDAD4C
#BA9D5E
#B88E70
#B57E82
#B36F94
#B05FA6
#AD4CBD
Colorpallet from #BD4CAD to #4CBDAD and to #4CADBD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#AB5EAD
#AB5EAD
#AB5DAE
#AB5DAE
#AB5DAF
#AB5CAF
#AB5CB0
#9970AD
#996FAE
#996EAF
#996EAF
#996DB0
#996CB1
#996BB2
#8782AD
#8781AE
#8780B0
#877FB1
#877EB2
#877CB3
#877BB5
#7594AD
#7592AF
#7591B0
#758FB2
#758EB3
#758CB5
#758AB7
#63A6AD
#63A4AF
#63A2B1
#63A0B3
#639EB5
#639CB7
#639ABA
#4CBDAD
#4CBAB0
#4CB8B2
#4CB5B5
#4CB3B7
#4CB0BA
#4CADBD
Colorpallet from #BD4CAD to #4CBDAD and to #ADBD4C
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#AB5EAD
#AD5EAA
#B05EA8
#B25EA5
#B55EA3
#B75EA0
#BA5E9D
#9970AD
#9E70A8
#A370A3
#A8709E
#AD7099
#B27094
#B8708E
#8782AD
#8E82A5
#96829E
#9D8296
#A4828F
#AC8287
#B5827E
#7594AD
#7F94A3
#899499
#93948F
#9D9485
#A7947B
#B3946F
#63A6AD
#6FA6A1
#7CA694
#88A688
#94A67B
#A1A66F
#B0A65F
#4CBDAD
#5CBD9D
#6BBD8E
#7BBD7E
#8ABD6F
#9ABD5F
#ADBD4C
Colorpallet from #BD4CAD to #4CBDAD and to #AD4CBD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#AB5EAD
#AD5BAD
#B058AE
#B255AE
#B552AF
#B750AF
#BA4CB0
#9970AD
#9E6AAE
#A364AF
#A85FAF
#AD59B0
#B253B1
#B84CB2
#8782AD
#8E79AE
#9671B0
#9D68B1
#A45FB2
#AC57B3
#B54CB5
#7594AD
#7F88AF
#897DB0
#9371B2
#9D66B3
#A75AB5
#B34CB7
#63A6AD
#6F98AF
#7C89B1
#887BB3
#946CB5
#A15EB7
#B04CBA
#4CBDAD
#5CABB0
#6B99B2
#7B87B5
#8A75B7
#9A63BA
#AD4CBD
Colorpallet from #BD4CAD to #4CADBD and to #ADBD4C
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#AB5CB0
#AD5CAD
#B05DAA
#B25DA7
#B55DA4
#B75EA1
#BA5E9D
#996BB2
#9E6CAC
#A36DA6
#A86DA1
#AD6E9B
#B26F95
#B8708E
#877BB5
#8E7CAC
#967DA3
#9D7E9B
#A47F92
#AC8189
#B5827E
#758AB7
#7F8CAB
#898DA0
#938F94
#9D9089
#A7927D
#B3946F
#639ABA
#6F9CAB
#7C9E9D
#88A08E
#94A280
#A1A471
#B0A65F
#4CADBD
#5CB0AB
#6BB299
#7BB587
#8AB775
#9ABA63
#ADBD4C
Colorpallet from #BD4CAD to #4CADBD and to #AD4CBD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#AB5CB0
#AD59B0
#B057B0
#B254B0
#B552B0
#B74FB0
#BA4CB0
#996BB2
#9E66B2
#A361B2
#A85CB2
#AD57B2
#B252B2
#B84CB2
#877BB5
#8E73B5
#966CB5
#9D64B5
#A45DB5
#AC55B5
#B54CB5
#758AB7
#7F80B7
#8976B7
#936CB7
#9D62B7
#A758B7
#B34CB7
#639ABA
#6F8EBA
#7C81BA
#8875BA
#9468BA
#A15CBA
#B04CBA
#4CADBD
#5C9DBD
#6B8EBD
#7B7EBD
#8A6FBD
#9A5FBD
#AD4CBD
Colorpallet from #BD4CAD to #ADBD4C and to #AD4CBD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BD4CAD
#BA5E9D
#BA5BA0
#BA58A3
#BA55A6
#BA52A9
#BA50AC
#BA4CB0
#B8708E
#B86A94
#B8649A
#B85F9F
#B859A5
#B853AB
#B84CB2
#B5827E
#B57987
#B57190
#B56898
#B55FA1
#B557AA
#B54CB5
#B3946F
#B3887B
#B37D86
#B37192
#B3669D
#B35AA9
#B34CB7
#B0A65F
#B0986E
#B0897C
#B07B8B
#B06C99
#B05EA8
#B04CBA
#ADBD4C
#ADAB5E
#AD9970
#AD8782
#AD7594
#AD63A6
#AD4CBD
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
