RGBA HTML color is a color value that includes an alpha channel, which specifies the opacity for a color. The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).
The syntax for an RGBA HTML color is:
rgba(red, green, blue, alpha)
where:
- red is the amount of red in the color, from 0 to 255
- green is the amount of green in the color, from 0 to 255
- blue is the amount of blue in the color, from 0 to 255
- alpha is the opacity of the color, from 0.0 (fully transparent) to 1.0 (fully opaque)
For example, the following code would create a red color with an opacity of 50%:
color: rgba(255, 0, 0, 0.5);
The following table shows some examples of RGBA HTML colors:
| Color | RGBA value |
|---|---|
| Red | rgba(255, 0, 0, 1) |
| Green | rgba(0, 255, 0, 1) |
| Blue | rgba(0, 0, 255, 1) |
| Black | rgba(0, 0, 0, 1) |
| White | rgba(255, 255, 255, 1) |
| Transparent | rgba(0, 0, 0, 0) |
You can use RGBA HTML colors to style elements in your web pages. For example, you could use the following code to make a paragraph of text red with an opacity of 50%:
<p style="color: rgba(255, 0, 0, 0.5);">This is a red paragraph with an opacity of 50%.</p>
HTML Color Picker
Color Code: {{ foo }}
List of most used Color Palettes Collection
Red 50
#FFEBEE
100
#FFCDD2
200
#EF9A9A
300
#E57373
400
#EF5350
500
#F44336
600
#E53935
700
#D32F2F
800
#C62828
900
#B71C1C
A100
#FF8A80
A200
#FF5252
A400
#FF1744
A700
#D50000
Pink 50
#FCE4EC
100
#F8BBD0
200
#F48FB1
300
#F06292
400
#EC407A
500
#E91E63
600
#D81B60
700
#C2185B
800
#AD1457
900
#880E4F
A100
#FF80AB
A200
#FF4081
A400
#F50057
A700
#C51162
Purple 50
#F3E5F5
100
#E1BEE7
200
#CE93D8
300
#BA68C8
400
#AB47BC
500
#9C27B0
600
#8E24AA
700
#7B1FA2
800
#6A1B9A
900
#4A148C
A100
#EA80FC
A200
#E040FB
A400
#D500F9
A700
#AA00FF
Deep purple 50
#EDE7F6
100
#D1C4E9
200
#B39DDB
300
#9575CD
400
#7E57C2
500
#673AB7
600
#5E35B1
700
#512DA8
800
#4527A0
900
#311B92
A100
#B388FF
A200
#7C4DFF
A400
#651FFF
A700
#6200EA
Indigo 50
#E8EAF6
100
#C5CAE9
200
#9FA8DA
300
#7986CB
400
#5C6BC0
500
#3F51B5
600
#3949AB
700
#303F9F
800
#283593
900
#1A237E
A100
#8C9EFF
A200
#536DFE
A400
#3D5AFE
A700
#304FFE
Blue 50
#E3F2FD
100
#BBDEFB
200
#90CAF9
300
#64B5F6
400
#42A5F5
500
#2196F3
600
#1E88E5
700
#1976D2
800
#1565C0
900
#0D47A1
A100
#82B1FF
A200
#448AFF
A400
#2979FF
A700
#2962FF
Light Blue 50
#E1F5FE
100
#B3E5FC
200
#81D4FA
300
#4FC3F7
400
#29B6F6
500
#03A9F4
600
#039BE5
700
#0288D1
800
#0277BD
900
#01579B
A100
#80D8FF
A200
#40C4FF
A400
#00B0FF
A700
#0091EA
Cyan 50
#E0F7FA
100
#B2EBF2
200
#80DEEA
300
#4DD0E1
400
#26C6DA
500
#00BCD4
600
#00ACC1
700
#0097A7
800
#00838F
900
#006064
A100
#84FFFF
A200
#18FFFF
A400
#00E5FF
A700
#00B8D4
Teal 50
#E0F2F1
100
#B2DFDB
200
#80CBC4
300
#4DB6AC
400
#26A69A
500
#009688
600
#00897B
700
#00796B
800
#00695C
900
#004D40
A100
#A7FFEB
A200
#64FFDA
A400
#1DE9B6
A700
#00BFA5
Green 50
#E8F5E9
100
#C8E6C9
200
#A5D6A7
300
#81C784
400
#66BB6A
500
#4CAF50
600
#43A047
700
#388E3C
800
#2E7D32
900
#1B5E20
A100
#B9F6CA
A200
#69F0AE
A400
#00E676
A700
#00C853
Light Green 50
#F1F8E9
100
#DCEDC8
200
#C5E1A5
300
#AED581
400
#9CCC65
500
#8BC34A
600
#7CB342
700
#689F38
800
#558B2F
900
#33691E
A100
#CCFF90
A200
#B2FF59
A400
#76FF03
A700
#64DD17
Lime 50
#F9FBE7
100
#F0F4C3
200
#E6EE9C
300
#DCE775
400
#D4E157
500
#CDDC39
600
#C0CA33
700
#AFB42B
800
#9E9D24
900
#827717
A100
#F4FF81
A200
#EEFF41
A400
#C6FF00
A700
#AEEA00
Yellow 50
#FFFDE7
100
#FFF9C4
200
#FFF59D
300
#FFF176
400
#FFEE58
500
#FFEB3B
600
#FDD835
700
#FBC02D
800
#F9A825
900
#F57F17
A100
#FFFF8D
A200
#FFFF00
A400
#FFEA00
A700
#FFD600
Amber 50
#FFF8E1
100
#FFECB3
200
#FFE082
300
#FFD54F
400
#FFCA28
500
#FFC107
600
#FFB300
700
#FFA000
800
#FF8F00
900
#FF6F00
A100
#FFE57F
A200
#FFD740
A400
#FFC400
A700
#FFAB00
Orange 50
#FFF3E0
100
#FFE0B2
200
#FFCC80
300
#FFB74D
400
#FFA726
500
#FF9800
600
#FB8C00
700
#F57C00
800
#EF6C00
900
#E65100
A100
#FFD180
A200
#FFAB40
A400
#FF9100
A700
#FF6D00
Deep Orange 50
#FBE9E7
100
#FFCCBC
200
#FFAB91
300
#FF8A65
400
#FF7043
500
#FF5722
600
#F4511E
700
#E64A19
800
#D84315
900
#BF360C
A100
#FF9E80
A200
#FF6E40
A400
#FF3D00
A700
#DD2C00
Brown 50
#EFEBE9
100
#D7CCC8
200
#BCAAA4
300
#A1887F
400
#8D6E63
500
#795548
600
#6D4C41
700
#5D4037
800
#4E342E
900
#3E2723
Gray 50
#FAFAFA
100
#F5F5F5
200
#EEEEEE
300
#E0E0E0
400
#BDBDBD
500
#9E9E9E
600
#757575
700
#616161
800
#424242
900
#212121
Blue Gray 50
#ECEFF1
100
#CFD8DC
200
#B0BEC5
300
#90A4AE
400
#78909C
500
#607D8B
600
#546E7A
700
#455A64
800
#37474F
900
#263238
Black
#000000
White
#FFFFFF
0 Comments