#611a54
RGB ( 赤 = 97, 緑 = 26, 青 = 84 )
HSL ( 色相 = 311°, 彩度 = 58%, 明度 = 24% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #611b1a : -310
11 : #61271a : -300
21 : #61331a : -290
31 : #613e1a : -280
41 : #614a1a : -270
51 : #61561a : -260
61 : #60611a : -250
71 : #54611a : -240
81 : #48611a : -230
91 : #3c611a : -220
101 : #30611a : -210
111 : #24611a : -200
121 : #1a611b : -190
131 : #1a6127 : -180
141 : #1a6133 : -170
151 : #1a613e : -160
161 : #1a614a : -150
171 : #1a6156 : -140
181 : #1a6061 : -130
191 : #1a5461 : -120
201 : #1a4861 : -110
211 : #1a3c61 : -100
221 : #1a3061 : -90
231 : #1a2461 : -80
241 : #1b1a61 : -70
251 : #271a61 : -60
261 : #331a61 : -50
271 : #3e1a61 : -40
281 : #4a1a61 : -30
291 : #561a61 : -20
301 : #611a60 : -10
311 : #611a54 : ±0
321 : #611a48 : +10
331 : #611a3c : +20
341 : #611a30 : +30
351 : #611a24 : +40
301 : #611a60 : -10
302 : #611a5e : -9
303 : #611a5d : -8
304 : #611a5c : -7
305 : #611a5b : -6
306 : #611a5a : -5
307 : #611a58 : -4
308 : #611a57 : -3
309 : #611a56 : -2
310 : #611a55 : -1
311 : #611a54 : ±0
312 : #611a52 : +1
313 : #611a51 : +2
314 : #611a50 : +3
315 : #611a4f : +4
316 : #611a4e : +5
317 : #611a4d : +6
318 : #611a4b : +7
319 : #611a4a : +8
320 : #611a49 : +9
321 : #611a48 : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -58
2 : #3e3c3e : -56
4 : #403b3f : -54
6 : #413a40 : -52
8 : #423840 : -50
10 : #433741 : -48
12 : #453642 : -46
14 : #463543 : -44
16 : #473343 : -42
18 : #483244 : -40
20 : #493145 : -38
22 : #4b3046 : -36
24 : #4c2f47 : -34
26 : #4d2d47 : -32
28 : #4e2c48 : -30
30 : #502b49 : -28
32 : #512a4a : -26
34 : #52284a : -24
36 : #53274b : -22
38 : #54264c : -20
40 : #56254d : -18
42 : #57234d : -16
44 : #58224e : -14
46 : #59214f : -12
48 : #5b2050 : -10
50 : #5c1f51 : -8
52 : #5d1d51 : -6
54 : #5e1c52 : -4
56 : #5f1b53 : -2
58 : #611a54 : ±0
60 : #621854 : +2
62 : #631755 : +4
64 : #641656 : +6
66 : #661557 : +8
68 : #671458 : +10
70 : #681258 : +12
72 : #691159 : +14
74 : #6a105a : +16
76 : #6c0f5b : +18
78 : #6d0d5b : +20
80 : #6e0c5c : +22
82 : #6f0b5d : +24
84 : #710a5e : +26
86 : #72095f : +28
88 : #73075f : +30
90 : #740660 : +32
92 : #760561 : +34
94 : #770462 : +36
96 : #780262 : +38
98 : #790163 : +40
100 : #7a0064 : +42
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #080207 : -22
4 : #10040e : -20
6 : #180615 : -18
8 : #20091c : -16
10 : #280b23 : -14
12 : #300d2a : -12
14 : #380f31 : -10
16 : #401138 : -8
18 : #49133f : -6
20 : #511546 : -4
22 : #59184d : -2
24 : #611a54 : ±0
26 : #691c5b : +2
28 : #711e62 : +4
30 : #792069 : +6
32 : #812270 : +8
34 : #892477 : +10
36 : #91277e : +12
38 : #992984 : +14
40 : #a12b8b : +16
42 : #a92d92 : +18
44 : #b12f99 : +20
46 : #b931a0 : +22
48 : #c133a7 : +24
50 : #c936ae : +26
52 : #cc3eb2 : +28
54 : #ce46b5 : +30
56 : #d04eb8 : +32
58 : #d256bb : +34
60 : #d45ebe : +36
62 : #d666c2 : +38
64 : #d86ec5 : +40
66 : #db76c8 : +42
68 : #dd7ecb : +44
70 : #df86cf : +46
72 : #e18ed2 : +48
74 : #e396d5 : +50
76 : #e59ed8 : +52
78 : #e7a6dc : +54
80 : #eaaedf : +56
82 : #ecb6e2 : +58
84 : #eebfe5 : +60
86 : #f0c7e8 : +62
88 : #f2cfec : +64
90 : #f4d7ef : +66
92 : #f6dff2 : +68
94 : #f9e7f5 : +70
96 : #fbeff9 : +72
98 : #fdf7fc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow