Coloreminder home /

#0000ff Blue color

Image generator    Random generator    Faq   
Hexadecimal #0000ff  RGB 0,0,255HSL 0.67,1,0.5 (240°,100%,50%)CMYK 100,100,0,0
XYZ 18.05,7.22,95.05CIE-LAB 0,0,0DECIMAL 255 Color name Blue
  GENERATE         HUE  SATURATION  LIGHTNESS
.
140 COLORS & NAMES PALETTE (0)
#0000ff lightness : 50%
50%
#0000ff        
0,0,255

#0000ff color variation

10%
#000033        
0,0,51
20%
#000066        
0,0,102
30%
#000099        
0,0,153
40%
#0000cc        
0,0,204
50%
#0000ff        
0,0,255
60%
#3333ff        
51,51,255
70%
#6666ff        
102,102,255
80%
#9999ff        
153,153,255
90%
#ccccff        
204,204,255
#0000ff others options
Invert
#ffff00        
255,255,0
Greyscale
#1d1d1d        
29,29,29
Web Safe
#0000ff        
0,0,255
Complem.
#ffff00        
255,255,0
Analogous
#8000ff        
128,0,255
Analogous
#0080ff        
0,128,255
#0000ff bar chart
HTML & CSS EXAMPLES
 
Examples of color integration with HEXADECIMAL value : #0000ff
<span style="color:#0000ff;">a text</span>
A text with a font color : #0000ff
<div style="color:#0000ff;width:500px;height:50px;border:2px solid #0000ff;">a text</div>
A text and a border color : #0000ff
<div style="background-color:#0000ff;width:500px;height:100px;"></div>
A rectangle with a background color #0000ff
<html>
<head>
<style type="text/css">.example{ color:#0000ff;} </style>
</head>
<body>
<span class="example">a text</span>
</body>
</html>
#0000ff text color using Css Class to display it
 
Examples of color integration with RGB value : 0,0,255
<div style="color:rgb(0,0,255);">a text</div>
a text
<div style="background-color:rgb(0,0,255);width:500px;height:100px;"></div>


#0000ff color got : 0% of Red 0% of Green 100% of Blue that could be written with css like this :
<div style="color:rgb(0%,0%,100%);">a text</div>
a text

Examples of color integration with Color name : blue
<div style="background-color:blue;width:500px;height:100px;"></div>
A rectangle with a background color : blue


Examples of color integration with HSL : 240,100%,50%
<html>
<head>
<style type="text/css">
.example{ color:#0000ff; } /*Fallback*/
.example{ color:hsl(240,100%,50%); }
</style>
</head>
<body>
<span class="example">a text</span>
</body>
</html>
a text

Advantage of using HSL value : (Get variations simply) changing second or third value will easily modify saturation, lightness.
Browser Support : Not all browsers support HSL css value.It's recommended to use the hexadecimal value : #0000ff as a fallback method.
#0000ff IMAGE GENERATOR


Image width : pixels Image height : pixels
SAVE IMAGE #0000ff

This generator will generate an image with a background color #0000ff that you can save to your computer.
Just choose Width and Height of image.

Back to top of page