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 #A1C1F6 to #A1F6C1 and to #C1A1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C9EE
#A2C7EF
#A3C5F1
#A3C3F2
#A4C1F3
#A5BFF4
#A6BCF6
#A1D2E5
#A3CEE8
#A4C9EA
#A6C5ED
#A7C1F0
#A9BCF3
#ABB7F6
#A1DADD
#A3D4E1
#A6CDE5
#A8C7E9
#ABC0ED
#ADBAF1
#B0B2F6
#A1E3D4
#A4DAD9
#A7D2DF
#ABC9E4
#AEC0EA
#B1B8EF
#B5ADF6
#A1EBCC
#A5E0D3
#A9D5D9
#ADCAE0
#B2BFE7
#B6B5EE
#BBA7F6
#A1F6C1
#A6E8C9
#ABDBD2
#B0CDDA
#B5C0E3
#BBB2EB
#C1A1F6
Colorpallet from #A1C1F6 to #A1F6C1 and to #C1F6A1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C9EE
#A2C9ED
#A3C9EC
#A3C9EB
#A4C9EA
#A5C9E9
#A6C9E8
#A1D2E5
#A3D2E3
#A4D2E2
#A6D2E0
#A7D2DF
#A9D2DD
#ABD2DB
#A1DADD
#A3DADA
#A6DAD8
#A8DAD5
#ABDAD3
#ADDAD0
#B0DACD
#A1E3D4
#A4E3D1
#A7E3CE
#ABE3CA
#AEE3C7
#B1E3C4
#B5E3C0
#A1EBCC
#A5EBC8
#A9EBC4
#ADEBC0
#B2EBBB
#B6EBB7
#BBEBB2
#A1F6C1
#A6F6BC
#ABF6B7
#B0F6B2
#B5F6AD
#BBF6A7
#C1F6A1
Colorpallet from #A1C1F6 to #A1F6C1 and to #F6A1C1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C9EE
#A3C7EE
#A5C5EE
#A8C3EE
#AAC1EE
#ACBFEE
#AFBCEE
#A1D2E5
#A5CEE5
#AAC9E5
#AEC5E5
#B2C1E5
#B7BCE5
#BCB7E5
#A1DADD
#A8D4DD
#AECDDD
#B5C7DD
#BBC0DD
#C2BADD
#CAB2DD
#A1E3D4
#AADAD4
#B2D2D4
#BBC9D4
#C4C0D4
#CCB8D4
#D7ADD4
#A1EBCC
#ACE0CC
#B7D5CC
#C2CACC
#CDBFCC
#D7B5CC
#E5A7CC
#A1F6C1
#AFE8C1
#BCDBC1
#CACDC1
#D7C0C1
#E5B2C1
#F6A1C1
Colorpallet from #A1C1F6 to #A1F6C1 and to #F6C1A1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C9EE
#A3C8ED
#A5C6EC
#A8C5EB
#AAC4EA
#ACC3E9
#AFC1E8
#A1D2E5
#A5CFE3
#AACDE2
#AECAE0
#B2C7DF
#B7C4DD
#BCC1DB
#A1DADD
#A8D6DA
#AED2D8
#B5CED5
#BBCAD3
#C2C6D0
#CAC1CD
#A1E3D4
#AADED1
#B2D8CE
#BBD3CA
#C4CDC7
#CCC8C4
#D7C1C0
#A1EBCC
#ACE4C8
#B7DEC4
#C2D7C0
#CDD0BB
#D7C9B7
#E5C1B2
#A1F6C1
#AFEEBC
#BCE5B7
#CADDB2
#D7D4AD
#E5CCA7
#F6C1A1
Colorpallet from #A1C1F6 to #C1A1F6 and to #C1F6A1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A6BCF6
#A6BEF4
#A6C0F2
#A6C2EF
#A6C4ED
#A6C6EB
#A6C9E8
#ABB7F6
#ABBBF2
#ABC0ED
#ABC4E9
#ABC8E5
#ABCDE0
#ABD2DB
#B0B2F6
#B0B8EF
#B0BFE9
#B0C5E2
#B0CCDC
#B0D2D5
#B0DACD
#B5ADF6
#B5B6ED
#B5BEE5
#B5C7DC
#B5D0D3
#B5D8CB
#B5E3C0
#BBA7F6
#BBB2EB
#BBBDE0
#BBC8D5
#BBD3CA
#BBDDC0
#BBEBB2
#C1A1F6
#C1AFE8
#C1BCDB
#C1CACD
#C1D7C0
#C1E5B2
#C1F6A1
Colorpallet from #A1C1F6 to #C1A1F6 and to #F6A1C1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A6BCF6
#A7BCF5
#A9BCF3
#AABCF2
#ACBCF1
#ADBCF0
#AFBCEE
#ABB7F6
#AEB7F3
#B0B7F1
#B3B7EE
#B6B7EB
#B9B7E8
#BCB7E5
#B0B2F6
#B4B2F2
#B8B2EE
#BCB2EA
#C1B2E6
#C5B2E2
#CAB2DD
#B5ADF6
#BAADF1
#C0ADEB
#C5ADE6
#CBADE0
#D0ADDB
#D7ADD4
#BBA7F6
#C2A7EF
#C8A7E9
#CFA7E2
#D6A7DB
#DDA7D4
#E5A7CC
#C1A1F6
#C9A1EE
#D2A1E5
#DAA1DD
#E3A1D4
#EBA1CC
#F6A1C1
Colorpallet from #A1C1F6 to #C1A1F6 and to #F6C1A1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A6BCF6
#A7BDF4
#A9BEF2
#AABEEF
#ACBFED
#ADC0EB
#AFC1E8
#ABB7F6
#AEB9F2
#B0BAED
#B3BCE9
#B6BDE5
#B9BFE0
#BCC1DB
#B0B2F6
#B4B4EF
#B8B7E9
#BCB9E2
#C1BCDC
#C5BED5
#CAC1CD
#B5ADF6
#BAB0ED
#C0B3E5
#C5B7DC
#CBBAD3
#D0BDCB
#D7C1C0
#BBA7F6
#C2ABEB
#C8AFE0
#CFB3D5
#D6B8CA
#DDBCC0
#E5C1B2
#C1A1F6
#C9A6E8
#D2ABDB
#DAB0CD
#E3B5C0
#EBBBB2
#F6C1A1
Colorpallet from #A1C1F6 to #C1F6A1 and to #F6A1C1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A6C9E8
#A7C7E9
#A9C5EA
#AAC3EB
#ACC1EC
#ADBFED
#AFBCEE
#ABD2DB
#AECEDD
#B0C9DE
#B3C5E0
#B6C1E1
#B9BCE3
#BCB7E5
#B0DACD
#B4D4D0
#B8CDD2
#BCC7D5
#C1C0D7
#C5BADA
#CAB2DD
#B5E3C0
#BADAC3
#C0D2C6
#C5C9CA
#CBC0CD
#D0B8D0
#D7ADD4
#BBEBB2
#C2E0B6
#C8D5BA
#CFCABE
#D6BFC3
#DDB5C7
#E5A7CC
#C1F6A1
#C9E8A6
#D2DBAB
#DACDB0
#E3C0B5
#EBB2BB
#F6A1C1
Colorpallet from #A1C1F6 to #C1F6A1 and to #F6C1A1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A6C9E8
#A7C8E8
#A9C6E8
#AAC5E8
#ACC4E8
#ADC3E8
#AFC1E8
#ABD2DB
#AECFDB
#B0CDDB
#B3CADB
#B6C7DB
#B9C4DB
#BCC1DB
#B0DACD
#B4D6CD
#B8D2CD
#BCCECD
#C1CACD
#C5C6CD
#CAC1CD
#B5E3C0
#BADEC0
#C0D8C0
#C5D3C0
#CBCDC0
#D0C8C0
#D7C1C0
#BBEBB2
#C2E4B2
#C8DEB2
#CFD7B2
#D6D0B2
#DDC9B2
#E5C1B2
#C1F6A1
#C9EEA1
#D2E5A1
#DADDA1
#E3D4A1
#EBCCA1
#F6C1A1
Colorpallet from #A1C1F6 to #F6A1C1 and to #F6C1A1
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#A1C1F6
#AFBCEE
#AFBDED
#AFBEEC
#AFBEEB
#AFBFEA
#AFC0E9
#AFC1E8
#BCB7E5
#BCB9E3
#BCBAE2
#BCBCE0
#BCBDDF
#BCBFDD
#BCC1DB
#CAB2DD
#CAB4DA
#CAB7D8
#CAB9D5
#CABCD3
#CABED0
#CAC1CD
#D7ADD4
#D7B0D1
#D7B3CE
#D7B7CA
#D7BAC7
#D7BDC4
#D7C1C0
#E5A7CC
#E5ABC8
#E5AFC4
#E5B3C0
#E5B8BB
#E5BCB7
#E5C1B2
#F6A1C1
#F6A6BC
#F6ABB7
#F6B0B2
#F6B5AD
#F6BBA7
#F6C1A1
Online Project Planning
Java Graphs
Stock Charts
Html Color Charts
