#4d0ab8
RGB
赤 | 77 |
---|---|
緑 | 10 |
青 | 184 |
HSL
色相 | 263° |
---|---|
彩度 | 90% |
明度 | 38% |
輝度 | 20% |
3桁の色
補色
反転色
RGB ( 赤 = 77, 緑 = 10, 青 = 184 )
HSL ( 色相 = 263°, 彩度 = 90%, 明度 = 38% )
H : 色相 ( 263° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #b8120a : -260
13 : #b82f0a : -250
23 : #b84d0a : -240
33 : #b86a0a : -230
43 : #b8870a : -220
53 : #b8a40a : -210
63 : #afb80a : -200
73 : #92b80a : -190
83 : #75b80a : -180
93 : #58b80a : -170
103 : #3bb80a : -160
113 : #1eb80a : -150
123 : #0ab812 : -140
133 : #0ab82f : -130
143 : #0ab84d : -120
153 : #0ab86a : -110
163 : #0ab887 : -100
173 : #0ab8a4 : -90
183 : #0aafb8 : -80
193 : #0a92b8 : -70
203 : #0a75b8 : -60
213 : #0a58b8 : -50
223 : #0a3bb8 : -40
233 : #0a1eb8 : -30
243 : #120ab8 : -20
253 : #2f0ab8 : -10
263 : #4d0ab8 : ±0
273 : #6a0ab8 : +10
283 : #870ab8 : +20
293 : #a40ab8 : +30
303 : #b80aaf : +40
313 : #b80a92 : +50
323 : #b80a75 : +60
333 : #b80a58 : +70
343 : #b80a3b : +80
353 : #b80a1e : +90
253 : #2f0ab8 : -10
254 : #320ab8 : -9
255 : #350ab8 : -8
256 : #380ab8 : -7
257 : #3b0ab8 : -6
258 : #3e0ab8 : -5
259 : #410ab8 : -4
260 : #440ab8 : -3
261 : #470ab8 : -2
262 : #4a0ab8 : -1
263 : #4d0ab8 : ±0
264 : #4f0ab8 : +1
265 : #520ab8 : +2
266 : #550ab8 : +3
267 : #580ab8 : +4
268 : #5b0ab8 : +5
269 : #5e0ab8 : +6
270 : #610ab8 : +7
271 : #640ab8 : +8
272 : #670ab8 : +9
273 : #6a0ab8 : +10
S : 彩度 ( 90% )
(0%) 渋い ~ 鮮やか (100%)
0 : #606060 : -90
2 : #605f63 : -88
4 : #605d65 : -86
6 : #605b67 : -84
8 : #5f5969 : -82
10 : #5f576b : -80
12 : #5e556d : -78
14 : #5e536e : -76
16 : #5d5170 : -74
18 : #5d4f72 : -72
20 : #5c4e74 : -70
22 : #5c4c76 : -68
24 : #5b4a78 : -66
26 : #5b487a : -64
28 : #5b467c : -62
30 : #5a447e : -60
32 : #5a4280 : -58
34 : #594082 : -56
36 : #593e84 : -54
38 : #583c86 : -52
40 : #583a88 : -50
42 : #57388a : -48
44 : #57368c : -46
46 : #56348d : -44
48 : #56328f : -42
50 : #563091 : -40
52 : #552f93 : -38
54 : #552d95 : -36
56 : #542b97 : -34
58 : #542999 : -32
60 : #53279b : -30
62 : #53259d : -28
64 : #52239f : -26
66 : #5221a1 : -24
68 : #521fa3 : -22
70 : #511da5 : -20
72 : #511ba7 : -18
74 : #5019a9 : -16
76 : #5017ab : -14
78 : #4f15ac : -12
80 : #4f13ae : -10
82 : #4e11b0 : -8
84 : #4e10b2 : -6
86 : #4d0eb4 : -4
88 : #4d0cb6 : -2
90 : #4d0ab8 : ±0
92 : #4c08ba : +2
94 : #4c06bc : +4
96 : #4b04be : +6
98 : #4b02c0 : +8
100 : #4a00c2 : +10
L : 明度 ( 38% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -38
2 : #04010a : -36
4 : #080113 : -34
6 : #0c021d : -32
8 : #100227 : -30
10 : #140330 : -28
12 : #18033a : -26
14 : #1c0444 : -24
16 : #20044e : -22
18 : #240557 : -20
20 : #280561 : -18
22 : #2c066b : -16
24 : #300674 : -14
26 : #34077e : -12
28 : #380788 : -10
30 : #3c0891 : -8
32 : #40089b : -6
34 : #4409a5 : -4
36 : #4909ae : -2
38 : #4d0ab8 : ±0
40 : #510ac2 : +2
42 : #550bcb : +4
44 : #590bd5 : +6
46 : #5d0cdf : +8
48 : #610ce9 : +10
50 : #650df2 : +12
52 : #6b16f3 : +14
54 : #7120f3 : +16
56 : #772af4 : +18
58 : #7d34f4 : +20
60 : #843df5 : +22
62 : #8a47f5 : +24
64 : #9051f6 : +26
66 : #965af6 : +28
68 : #9c64f7 : +30
70 : #a26ef7 : +32
72 : #a977f8 : +34
74 : #af81f8 : +36
76 : #b58bf9 : +38
78 : #bb94f9 : +40
80 : #c19efa : +42
82 : #c7a8fa : +44
84 : #ceb1fb : +46
86 : #d4bbfb : +48
88 : #dac5fc : +50
90 : #e0cffc : +52
92 : #e6d8fd : +54
94 : #ece2fd : +56
96 : #f3ecfe : +58
98 : #f9f5fe : +60
100 : #ffffff : +62
CSS入門、作ってます。
text-shadow