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 #304AAD to #30AD4A and to #4A30AD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#305A9D
#3157A0
#3154A2
#3250A5
#334DA7
#334AAA
#3446AD
#306A8D
#316492
#335D97
#34579C
#3550A1
#364AA7
#3842AD
#307A7D
#327085
#34678C
#365D94
#38549C
#3A4AA3
#3C3EAD
#30896E
#337C78
#356F82
#38638C
#3B5696
#3E49A0
#4139AD
#30995E
#33896B
#377977
#3A6984
#3D5991
#41499D
#4535AD
#30AD4A
#34995A
#38856A
#3C717A
#415D89
#454999
#4A30AD
Colorpallet from #304AAD to #30AD4A and to #4AAD30
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#305A9D
#315A9C
#315A9C
#325A9B
#335A9A
#335A9A
#345A99
#306A8D
#316A8C
#336A8A
#346A89
#356A88
#366A87
#386A85
#307A7D
#327A7B
#347A79
#367A77
#387A75
#3A7A73
#3C7A71
#30896E
#33896B
#358969
#388966
#3B8963
#3E8960
#41895D
#30995E
#33995B
#379957
#3A9954
#3D9951
#41994D
#459949
#30AD4A
#34AD46
#38AD42
#3CAD3E
#41AD39
#45AD35
#4AAD30
Colorpallet from #304AAD to #30AD4A and to #AD304A
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#305A9D
#33579D
#36549D
#3A509D
#3D4D9D
#404A9D
#44469D
#306A8D
#36648D
#3D5D8D
#43578D
#4A508D
#504A8D
#58428D
#307A7D
#3A707D
#43677D
#4D5D7D
#56547D
#604A7D
#6C3E7D
#30896E
#3D7C6E
#4A6F6E
#56636E
#63566E
#70496E
#80396E
#30995E
#40895E
#50795E
#60695E
#70595E
#80495E
#94355E
#30AD4A
#44994A
#58854A
#6C714A
#805D4A
#94494A
#AD304A
Colorpallet from #304AAD to #30AD4A and to #AD4A30
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#305A9D
#33579C
#36559C
#3A529B
#3D509A
#404D9A
#444A99
#306A8D
#36658C
#3D608A
#435B89
#4A5688
#505087
#584A85
#307A7D
#3A727B
#436B79
#4D6377
#565B75
#605473
#6C4A71
#30896E
#3D7F6B
#4A7569
#566B66
#636163
#705760
#804A5D
#30995E
#408C5B
#508057
#607354
#706651
#805A4D
#944A49
#30AD4A
#449D46
#588D42
#6C7D3E
#806E39
#945E35
#AD4A30
Colorpallet from #304AAD to #4A30AD and to #4AAD30
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#3446AD
#3449AA
#344CA7
#3450A3
#3453A0
#34569D
#345A99
#3842AD
#3848A7
#384FA0
#38559A
#385C93
#38628D
#386A85
#3C3EAD
#3C48A3
#3C519A
#3C5B90
#3C6487
#3C6E7D
#3C7A71
#4139AD
#4146A0
#415393
#415F87
#416C7A
#41796D
#41895D
#4535AD
#45459D
#45558D
#45657D
#45756D
#45855D
#459949
#4A30AD
#4A4499
#4A5885
#4A6C71
#4A805D
#4A9449
#4AAD30
Colorpallet from #304AAD to #4A30AD and to #AD304A
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#3446AD
#3746AA
#3946A8
#3C46A5
#3E46A3
#4146A0
#44469D
#3842AD
#3D42A8
#4242A3
#47429E
#4C4299
#524293
#58428D
#3C3EAD
#443EA5
#4B3E9E
#533E96
#5B3E8E
#623E87
#6C3E7D
#4139AD
#4B39A3
#553999
#5F398F
#693985
#73397B
#80396E
#4535AD
#5235A0
#5E3594
#6B3587
#78357A
#84356E
#94355E
#4A30AD
#5A309D
#6A308D
#7A307D
#89306E
#99305E
#AD304A
Colorpallet from #304AAD to #4A30AD and to #AD4A30
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#3446AD
#3747AA
#3947A7
#3C48A3
#3E49A0
#41499D
#444A99
#3842AD
#3D43A7
#4245A0
#47469A
#4C4793
#52488D
#584A85
#3C3EAD
#4440A3
#4B429A
#534490
#5B4687
#62487D
#6C4A71
#4139AD
#4B3CA0
#553E93
#5F4187
#69447A
#73476D
#804A5D
#4535AD
#52389D
#5E3C8D
#6B3F7D
#78426D
#84465D
#944A49
#4A30AD
#5A3499
#6A3885
#7A3C71
#89415D
#994549
#AD4A30
Colorpallet from #304AAD to #4AAD30 and to #AD304A
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#345A99
#37579A
#39549A
#3C509B
#3E4D9C
#414A9C
#44469D
#386A85
#3D6486
#425D88
#475789
#4C508A
#524A8B
#58428D
#3C7A71
#447073
#4B6775
#535D77
#5B5479
#624A7B
#6C3E7D
#41895D
#4B7C60
#556F62
#5F6365
#695668
#73496B
#80396E
#459949
#52894C
#5E7950
#6B6953
#785956
#84495A
#94355E
#4AAD30
#5A9934
#6A8538
#7A713C
#895D41
#994945
#AD304A
Colorpallet from #304AAD to #4AAD30 and to #AD4A30
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#345A99
#375799
#395599
#3C5299
#3E5099
#414D99
#444A99
#386A85
#3D6585
#426085
#475B85
#4C5685
#525085
#584A85
#3C7A71
#447271
#4B6B71
#536371
#5B5B71
#625471
#6C4A71
#41895D
#4B7F5D
#55755D
#5F6B5D
#69615D
#73575D
#804A5D
#459949
#528C49
#5E8049
#6B7349
#786649
#845A49
#944A49
#4AAD30
#5A9D30
#6A8D30
#7A7D30
#896E30
#995E30
#AD4A30
Colorpallet from #304AAD to #AD304A and to #AD4A30
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#304AAD
#44469D
#44479C
#44479C
#44489B
#44499A
#44499A
#444A99
#58428D
#58438C
#58458A
#584689
#584788
#584887
#584A85
#6C3E7D
#6C407B
#6C4279
#6C4477
#6C4675
#6C4873
#6C4A71
#80396E
#803C6B
#803E69
#804166
#804463
#804760
#804A5D
#94355E
#94385B
#943C57
#943F54
#944251
#94464D
#944A49
#AD304A
#AD3446
#AD3842
#AD3C3E
#AD4139
#AD4535
#AD4A30
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
