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 #B4D190 to #B490D1 and to #D1B490
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4C79A
#B5C898
#B6C997
#B6C995
#B7CA94
#B8CB92
#B9CC90
#B4BCA5
#B5BEA2
#B7C09E
#B8C29B
#BAC498
#BBC694
#BDC890
#B4B2AF
#B6B5AA
#B8B7A5
#BBBAA0
#BDBD9B
#BFC096
#C2C390
#B4A7BA
#B7ABB3
#BAAEAD
#BDB2A6
#C0B69F
#C3B998
#C7BE90
#B49DC4
#B8A2BC
#BBA6B3
#BFABAB
#C3B0A3
#C6B49A
#CBBA90
#B490D1
#B996C7
#BD9CBC
#C2A1B2
#C7A7A7
#CBAD9D
#D1B490
Colorpallet from #B4D190 to #B490D1 and to #D190B4
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4C79A
#B5C799
#B6C799
#B6C798
#B7C797
#B8C797
#B9C796
#B4BCA5
#B5BCA4
#B7BCA2
#B8BCA1
#BABC9F
#BBBC9E
#BDBC9C
#B4B2AF
#B6B2AD
#B8B2AB
#BBB2A8
#BDB2A6
#BFB2A4
#C2B2A1
#B4A7BA
#B7A7B7
#BAA7B4
#BDA7B1
#C0A7AE
#C3A7AB
#C7A7A7
#B49DC4
#B89DC0
#BB9DBD
#BF9DB9
#C39DB5
#C69DB2
#CB9DAD
#B490D1
#B990CC
#BD90C8
#C290C3
#C790BE
#CB90BA
#D190B4
Colorpallet from #B4D190 to #B490D1 and to #90B4D1
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4C79A
#B3C89A
#B2C99A
#B1C99A
#B0CA9A
#AFCB9A
#AECC9A
#B4BCA5
#B2BEA5
#B0C0A5
#AEC2A5
#ACC4A5
#AAC6A5
#A8C8A5
#B4B2AF
#B1B5AF
#AFB7AF
#ACBAAF
#A9BDAF
#A6C0AF
#A3C3AF
#B4A7BA
#B0ABBA
#ADAEBA
#A9B2BA
#A5B6BA
#A2B9BA
#9DBEBA
#B49DC4
#AFA2C4
#ABA6C4
#A6ABC4
#A1B0C4
#9DB4C4
#97BAC4
#B490D1
#AE96D1
#A89CD1
#A3A1D1
#9DA7D1
#97ADD1
#90B4D1
Colorpallet from #B4D190 to #B490D1 and to #90D1B4
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4C79A
#B3C999
#B2CA99
#B1CC98
#B0CD97
#AFCF97
#AED196
#B4BCA5
#B2BFA4
#B0C3A2
#AEC6A1
#ACC99F
#AACD9E
#A8D19C
#B4B2AF
#B1B7AD
#AFBCAB
#ACC1A8
#A9C6A6
#A6CBA4
#A3D1A1
#B4A7BA
#B0AEB7
#ADB4B4
#A9BBB1
#A5C2AE
#A2C9AB
#9DD1A7
#B49DC4
#AFA5C0
#ABAEBD
#A6B6B9
#A1BEB5
#9DC7B2
#97D1AD
#B490D1
#AE9ACC
#A8A5C8
#A3AFC3
#9DBABE
#97C4BA
#90D1B4
Colorpallet from #B4D190 to #D1B490 and to #D190B4
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B9CC90
#B9CB91
#B9CA92
#B9CA93
#B9C994
#B9C895
#B9C796
#BDC890
#BDC692
#BDC494
#BDC296
#BDC098
#BDBE9A
#BDBC9C
#C2C390
#C2C093
#C2BE95
#C2BB98
#C2B89B
#C2B59E
#C2B2A1
#C7BE90
#C7BA94
#C7B797
#C7B39B
#C7AF9F
#C7ACA2
#C7A7A7
#CBBA90
#CBB595
#CBB199
#CBAC9E
#CBA7A3
#CBA3A7
#CB9DAD
#D1B490
#D1AE96
#D1A89C
#D1A3A1
#D19DA7
#D197AD
#D190B4
Colorpallet from #B4D190 to #D1B490 and to #90B4D1
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B9CC90
#B7CC92
#B5CC93
#B4CC95
#B2CC96
#B0CC98
#AECC9A
#BDC890
#BAC893
#B6C897
#B3C89A
#B0C89D
#ACC8A1
#A8C8A5
#C2C390
#BDC395
#B8C39A
#B3C39F
#AEC3A4
#A9C3A9
#A3C3AF
#C7BE90
#C0BE97
#BABE9D
#B3BEA4
#ACBEAB
#A5BEB2
#9DBEBA
#CBBA90
#C3BA98
#BABAA1
#B2BAA9
#AABAB1
#A1BABA
#97BAC4
#D1B490
#C7B49A
#BCB4A5
#B2B4AF
#A7B4BA
#9DB4C4
#90B4D1
Colorpallet from #B4D190 to #D1B490 and to #90D1B4
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B9CC90
#B7CD91
#B5CE92
#B4CE93
#B2CF94
#B0D095
#AED196
#BDC890
#BAC992
#B6CB94
#B3CC96
#B0CE98
#ACCF9A
#A8D19C
#C2C390
#BDC593
#B8C795
#B3CA98
#AECC9B
#A9CE9E
#A3D1A1
#C7BE90
#C0C194
#BAC497
#B3C79B
#ACCA9F
#A5CDA2
#9DD1A7
#CBBA90
#C3BE95
#BAC199
#B2C59E
#AAC9A3
#A1CCA7
#97D1AD
#D1B490
#C7B996
#BCBD9C
#B2C2A1
#A7C7A7
#9DCBAD
#90D1B4
Colorpallet from #B4D190 to #D190B4 and to #90B4D1
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B9C796
#B7C897
#B5C997
#B4C998
#B2CA99
#B0CB99
#AECC9A
#BDBC9C
#BABE9D
#B6C09F
#B3C2A0
#B0C4A2
#ACC6A3
#A8C8A5
#C2B2A1
#BDB5A3
#B8B7A5
#B3BAA8
#AEBDAA
#A9C0AC
#A3C3AF
#C7A7A7
#C0ABAA
#BAAEAD
#B3B2B0
#ACB6B3
#A5B9B6
#9DBEBA
#CB9DAD
#C3A2B1
#BAA6B4
#B2ABB8
#AAB0BC
#A1B4BF
#97BAC4
#D190B4
#C796B9
#BC9CBD
#B2A1C2
#A7A7C7
#9DADCB
#90B4D1
Colorpallet from #B4D190 to #D190B4 and to #90D1B4
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B9C796
#B7C996
#B5CA96
#B4CC96
#B2CD96
#B0CF96
#AED196
#BDBC9C
#BABF9C
#B6C39C
#B3C69C
#B0C99C
#ACCD9C
#A8D19C
#C2B2A1
#BDB7A1
#B8BCA1
#B3C1A1
#AEC6A1
#A9CBA1
#A3D1A1
#C7A7A7
#C0AEA7
#BAB4A7
#B3BBA7
#ACC2A7
#A5C9A7
#9DD1A7
#CB9DAD
#C3A5AD
#BAAEAD
#B2B6AD
#AABEAD
#A1C7AD
#97D1AD
#D190B4
#C79AB4
#BCA5B4
#B2AFB4
#A7BAB4
#9DC4B4
#90D1B4
Colorpallet from #B4D190 to #90B4D1 and to #90D1B4
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#B4D190
#AECC9A
#AECD99
#AECE99
#AECE98
#AECF97
#AED097
#AED196
#A8C8A5
#A8C9A4
#A8CBA2
#A8CCA1
#A8CE9F
#A8CF9E
#A8D19C
#A3C3AF
#A3C5AD
#A3C7AB
#A3CAA8
#A3CCA6
#A3CEA4
#A3D1A1
#9DBEBA
#9DC1B7
#9DC4B4
#9DC7B1
#9DCAAE
#9DCDAB
#9DD1A7
#97BAC4
#97BEC0
#97C1BD
#97C5B9
#97C9B5
#97CCB2
#97D1AD
#90B4D1
#90B9CC
#90BDC8
#90C2C3
#90C7BE
#90CBBA
#90D1B4
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
