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 #D2D677 to #D277D6 and to #D6D277
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2C786
#D2C984
#D2CB81
#D2CE7F
#D3D07C
#D3D27A
#D3D577
#D2B895
#D2BD90
#D2C18B
#D2C687
#D3CB82
#D3CF7D
#D3D577
#D2A8A5
#D2AF9E
#D3B696
#D3BD8F
#D3C488
#D4CB80
#D4D477
#D299B4
#D2A2AA
#D3ACA0
#D3B597
#D4BE8D
#D4C783
#D5D377
#D28AC3
#D296B7
#D3A1AB
#D3AD9F
#D4B992
#D4C486
#D5D377
#D277D6
#D386C7
#D394B8
#D4A3A8
#D5B199
#D5C08A
#D6D277
Colorpallet from #D2D677 to #D277D6 and to #D677D2
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2C786
#D2C786
#D2C786
#D2C786
#D3C786
#D3C786
#D3C786
#D2B895
#D2B895
#D2B895
#D2B895
#D3B894
#D3B894
#D3B894
#D2A8A5
#D2A8A5
#D3A8A4
#D3A8A4
#D3A8A4
#D4A8A3
#D4A8A3
#D299B4
#D299B4
#D399B3
#D399B3
#D499B2
#D499B2
#D599B1
#D28AC3
#D28AC3
#D38AC2
#D38AC2
#D48AC1
#D48AC1
#D58AC0
#D277D6
#D377D5
#D377D5
#D477D4
#D577D3
#D577D3
#D677D2
Colorpallet from #D2D677 to #D277D6 and to #77D2D6
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2C786
#D0C986
#CDCB86
#CBCE86
#C8D086
#C6D286
#C3D586
#D2B895
#CDBD95
#C9C195
#C4C695
#BFCB95
#BBCF95
#B5D595
#D2A8A5
#CBAFA5
#C4B6A5
#BDBDA5
#B6C4A5
#AFCBA5
#A6D4A5
#D299B4
#C9A2B4
#BFACB4
#B6B5B4
#ADBEB4
#A4C7B4
#98D3B4
#D28AC3
#C696C3
#BBA1C3
#AFADC3
#A3B9C3
#98C4C3
#89D3C3
#D277D6
#C386D6
#B594D6
#A6A3D6
#98B1D6
#89C0D6
#77D2D6
Colorpallet from #D2D677 to #D277D6 and to #77D6D2
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2C786
#D0C986
#CDCC86
#CBCE86
#C8D186
#C6D386
#C3D686
#D2B895
#CDBD95
#C9C295
#C4C695
#BFCB94
#BBD094
#B5D694
#D2A8A5
#CBAFA5
#C4B7A4
#BDBEA4
#B6C5A4
#AFCDA3
#A6D6A3
#D299B4
#C9A3B4
#BFADB3
#B6B6B3
#ADC0B2
#A4CAB2
#98D6B1
#D28AC3
#C696C3
#BBA2C2
#AFAEC2
#A3BBC1
#98C7C1
#89D6C0
#D277D6
#C386D5
#B595D5
#A6A5D4
#98B4D3
#89C3D3
#77D6D2
Colorpallet from #D2D677 to #D6D277 and to #D677D2
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D3D577
#D3D379
#D3D17C
#D3CE7E
#D3CC81
#D3CA83
#D3C786
#D3D577
#D3D07C
#D3CC80
#D3C785
#D3C28A
#D3BE8E
#D3B894
#D4D477
#D4CD7E
#D4C685
#D4BF8C
#D4B893
#D4B19A
#D4A8A3
#D5D377
#D5CA80
#D5C08A
#D5B793
#D5AE9C
#D5A5A5
#D599B1
#D5D377
#D5C783
#D5BC8E
#D5B09A
#D5A4A6
#D599B1
#D58AC0
#D6D277
#D6C386
#D6B594
#D6A6A3
#D698B1
#D689C0
#D677D2
Colorpallet from #D2D677 to #D6D277 and to #77D2D6
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D3D577
#D0D579
#CED57C
#CBD57E
#C9D581
#C6D583
#C3D586
#D3D577
#CED57C
#C9D581
#C5D585
#C0D58A
#BBD58F
#B5D595
#D4D477
#CDD47E
#C5D486
#BED48D
#B7D494
#AFD49C
#A6D4A5
#D5D377
#CBD381
#C1D38B
#B8D394
#AED39E
#A4D3A8
#98D3B4
#D5D377
#C9D383
#BDD38F
#B1D39B
#A4D3A8
#98D3B4
#89D3C3
#D6D277
#C7D286
#B8D295
#A8D2A5
#99D2B4
#8AD2C3
#77D2D6
Colorpallet from #D2D677 to #D6D277 and to #77D6D2
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D3D577
#D0D579
#CED57C
#CBD57E
#C9D681
#C6D683
#C3D686
#D3D577
#CED57C
#C9D580
#C5D585
#C0D68A
#BBD68E
#B5D694
#D4D477
#CDD47E
#C5D585
#BED58C
#B7D593
#AFD69A
#A6D6A3
#D5D377
#CBD380
#C1D48A
#B8D493
#AED59C
#A4D5A5
#98D6B1
#D5D377
#C9D383
#BDD48E
#B1D49A
#A4D5A6
#98D5B1
#89D6C0
#D6D277
#C7D386
#B8D394
#A8D4A3
#99D5B1
#8AD5C0
#77D6D2
Colorpallet from #D2D677 to #D677D2 and to #77D2D6
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D3C786
#D0C986
#CECB86
#CBCE86
#C9D086
#C6D286
#C3D586
#D3B894
#CEBD94
#C9C194
#C5C694
#C0CB95
#BBCF95
#B5D595
#D4A8A3
#CDAFA3
#C5B6A4
#BEBDA4
#B7C4A4
#AFCBA5
#A6D4A5
#D599B1
#CBA2B1
#C1ACB2
#B8B5B2
#AEBEB3
#A4C7B3
#98D3B4
#D58AC0
#C996C0
#BDA1C1
#B1ADC1
#A4B9C2
#98C4C2
#89D3C3
#D677D2
#C786D3
#B894D3
#A8A3D4
#99B1D5
#8AC0D5
#77D2D6
Colorpallet from #D2D677 to #D677D2 and to #77D6D2
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D3C786
#D0C986
#CECC86
#CBCE86
#C9D186
#C6D386
#C3D686
#D3B894
#CEBD94
#C9C294
#C5C694
#C0CB94
#BBD094
#B5D694
#D4A8A3
#CDAFA3
#C5B7A3
#BEBEA3
#B7C5A3
#AFCDA3
#A6D6A3
#D599B1
#CBA3B1
#C1ADB1
#B8B6B1
#AEC0B1
#A4CAB1
#98D6B1
#D58AC0
#C996C0
#BDA2C0
#B1AEC0
#A4BBC0
#98C7C0
#89D6C0
#D677D2
#C786D2
#B895D2
#A8A5D2
#99B4D2
#8AC3D2
#77D6D2
Colorpallet from #D2D677 to #77D2D6 and to #77D6D2
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#D2D677
#C3D586
#C3D586
#C3D586
#C3D586
#C3D686
#C3D686
#C3D686
#B5D595
#B5D595
#B5D595
#B5D595
#B5D694
#B5D694
#B5D694
#A6D4A5
#A6D4A5
#A6D5A4
#A6D5A4
#A6D5A4
#A6D6A3
#A6D6A3
#98D3B4
#98D3B4
#98D4B3
#98D4B3
#98D5B2
#98D5B2
#98D6B1
#89D3C3
#89D3C3
#89D4C2
#89D4C2
#89D5C1
#89D5C1
#89D6C0
#77D2D6
#77D3D5
#77D3D5
#77D4D4
#77D5D3
#77D5D3
#77D6D2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
