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 #F2B397 to #F297B3 and to #B3F297
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2AF9B
#F0B19A
#EFB39A
#EDB699
#ECB898
#EABA98
#E8BD97
#F2AAA0
#EFAF9F
#ECB39D
#E8B89C
#E5BD9A
#E2C199
#DEC797
#F2A6A4
#EDADA2
#E8B4A0
#E4BB9E
#DFC29C
#DAC89A
#D4D197
#F2A1A9
#ECAAA6
#E5B4A3
#DFBDA0
#D8C69D
#D2CF9B
#CADB97
#F29DAD
#EAA9A9
#E2B4A6
#DAC0A2
#D2CB9F
#CAD79B
#C0E597
#F297B3
#E8A6AF
#DEB4AA
#D4C3A6
#CAD1A1
#C0E09D
#B3F297
Colorpallet from #F2B397 to #F297B3 and to #B397F2
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2AF9B
#F0AF9D
#EFAF9F
#EDAFA0
#ECAFA2
#EAAFA4
#E8AFA6
#F2AAA0
#EFAAA3
#ECAAA6
#E8AAAA
#E5AAAD
#E2AAB0
#DEAAB4
#F2A6A4
#EDA6A9
#E8A6AE
#E4A6B3
#DFA6B8
#DAA6BD
#D4A6C3
#F2A1A9
#ECA1AF
#E5A1B6
#DFA1BC
#D8A1C3
#D2A1C9
#CAA1D1
#F29DAD
#EA9DB5
#E29DBD
#DA9DC5
#D29DCE
#CA9DD6
#C09DE0
#F297B3
#E897BD
#DE97C7
#D497D1
#CA97DB
#C097E5
#B397F2
Colorpallet from #F2B397 to #F297B3 and to #97F2B3
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2AF9B
#F0B19B
#EDB39B
#EBB69B
#E8B89B
#E6BA9B
#E3BD9B
#F2AAA0
#EDAFA0
#E9B3A0
#E4B8A0
#DFBDA0
#DBC1A0
#D5C7A0
#F2A6A4
#EBADA4
#E4B4A4
#DDBBA4
#D6C2A4
#CFC8A4
#C6D1A4
#F2A1A9
#E9AAA9
#DFB4A9
#D6BDA9
#CDC6A9
#C4CFA9
#B8DBA9
#F29DAD
#E6A9AD
#DBB4AD
#CFC0AD
#C3CBAD
#B8D7AD
#A9E5AD
#F297B3
#E3A6B3
#D5B4B3
#C6C3B3
#B8D1B3
#A9E0B3
#97F2B3
Colorpallet from #F2B397 to #F297B3 and to #97B3F2
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2AF9B
#F0B09D
#EDB09F
#EBB1A0
#E8B2A2
#E6B2A4
#E3B3A6
#F2AAA0
#EDABA3
#E9ADA6
#E4AEAA
#DFB0AD
#DBB1B0
#D5B3B4
#F2A6A4
#EBA8A9
#E4AAAE
#DDACB3
#D6AEB8
#CFB0BD
#C6B3C3
#F2A1A9
#E9A4AF
#DFA7B6
#D6AABC
#CDADC3
#C4AFC9
#B8B3D1
#F29DAD
#E6A1B5
#DBA4BD
#CFA8C5
#C3ABCE
#B8AFD6
#A9B3E0
#F297B3
#E39BBD
#D5A0C7
#C6A4D1
#B8A9DB
#A9ADE5
#97B3F2
Colorpallet from #F2B397 to #B3F297 and to #B397F2
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#E8BD97
#E8BB99
#E8B99C
#E8B69E
#E8B4A1
#E8B2A3
#E8AFA6
#DEC797
#DEC29C
#DEBEA0
#DEB9A5
#DEB4AA
#DEB0AE
#DEAAB4
#D4D197
#D4CA9E
#D4C3A5
#D4BCAC
#D4B5B3
#D4AFBA
#D4A6C3
#CADB97
#CAD2A0
#CAC8AA
#CABFB3
#CAB6BC
#CAADC5
#CAA1D1
#C0E597
#C0D9A3
#C0CEAE
#C0C2BA
#C0B7C6
#C0ABD1
#C09DE0
#B3F297
#B3E3A6
#B3D5B4
#B3C6C3
#B3B8D1
#B3A9E0
#B397F2
Colorpallet from #F2B397 to #B3F297 and to #97F2B3
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#E8BD97
#E7BD98
#E6BD98
#E6BD99
#E5BD9A
#E4BD9A
#E3BD9B
#DEC797
#DDC798
#DBC79A
#DAC79B
#D8C79D
#D7C79E
#D5C7A0
#D4D197
#D2D199
#D0D19B
#CDD19D
#CBD19F
#C9D1A1
#C6D1A4
#CADB97
#C7DB9A
#C4DB9D
#C1DBA0
#BEDBA3
#BCDBA5
#B8DBA9
#C0E597
#BCE59B
#B9E59E
#B5E5A2
#B1E5A5
#AEE5A9
#A9E5AD
#B3F297
#AFF29B
#AAF2A0
#A6F2A4
#A1F2A9
#9DF2AD
#97F2B3
Colorpallet from #F2B397 to #B3F297 and to #97B3F2
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#E8BD97
#E7BB99
#E6BA9C
#E6B89E
#E5B7A1
#E4B5A3
#E3B3A6
#DEC797
#DDC49C
#DBC1A0
#DABDA5
#D8BAAA
#D7B7AE
#D5B3B4
#D4D197
#D2CC9E
#D0C7A5
#CDC3AC
#CBBEB3
#C9B9BA
#C6B3C3
#CADB97
#C7D5A0
#C4CEAA
#C1C8B3
#BEC1BC
#BCBBC5
#B8B3D1
#C0E597
#BCDDA3
#B9D5AE
#B5CDBA
#B1C5C6
#AEBDD1
#A9B3E0
#B3F297
#AFE8A6
#AADEB4
#A6D4C3
#A1CAD1
#9DC0E0
#97B3F2
Colorpallet from #F2B397 to #B397F2 and to #97F2B3
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#E8AFA6
#E7B1A4
#E6B3A2
#E6B6A1
#E5B89F
#E4BA9D
#E3BD9B
#DEAAB4
#DDAFB1
#DBB3AE
#DAB8AA
#D8BDA7
#D7C1A4
#D5C7A0
#D4A6C3
#D2ADBE
#D0B4B9
#CDBBB4
#CBC2AF
#C9C8AA
#C6D1A4
#CAA1D1
#C7AACB
#C4B4C4
#C1BDBE
#BEC6B7
#BCCFB1
#B8DBA9
#C09DE0
#BCA9D8
#B9B4D0
#B5C0C8
#B1CBBF
#AED7B7
#A9E5AD
#B397F2
#AFA6E8
#AAB4DE
#A6C3D4
#A1D1CA
#9DE0C0
#97F2B3
Colorpallet from #F2B397 to #B397F2 and to #97B3F2
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#E8AFA6
#E7B0A6
#E6B0A6
#E6B1A6
#E5B2A6
#E4B2A6
#E3B3A6
#DEAAB4
#DDABB4
#DBADB4
#DAAEB4
#D8B0B4
#D7B1B4
#D5B3B4
#D4A6C3
#D2A8C3
#D0AAC3
#CDACC3
#CBAEC3
#C9B0C3
#C6B3C3
#CAA1D1
#C7A4D1
#C4A7D1
#C1AAD1
#BEADD1
#BCAFD1
#B8B3D1
#C09DE0
#BCA1E0
#B9A4E0
#B5A8E0
#B1ABE0
#AEAFE0
#A9B3E0
#B397F2
#AF9BF2
#AAA0F2
#A6A4F2
#A1A9F2
#9DADF2
#97B3F2
Colorpallet from #F2B397 to #97F2B3 and to #97B3F2
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#F2B397
#E3BD9B
#E3BB9D
#E3BA9F
#E3B8A0
#E3B7A2
#E3B5A4
#E3B3A6
#D5C7A0
#D5C4A3
#D5C1A6
#D5BDAA
#D5BAAD
#D5B7B0
#D5B3B4
#C6D1A4
#C6CCA9
#C6C7AE
#C6C3B3
#C6BEB8
#C6B9BD
#C6B3C3
#B8DBA9
#B8D5AF
#B8CEB6
#B8C8BC
#B8C1C3
#B8BBC9
#B8B3D1
#A9E5AD
#A9DDB5
#A9D5BD
#A9CDC5
#A9C5CE
#A9BDD6
#A9B3E0
#97F2B3
#97E8BD
#97DEC7
#97D4D1
#97CADB
#97C0E5
#97B3F2
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
