#62274d
RGB ( 赤 = 98, 緑 = 39, 青 = 77 )
HSL ( 色相 = 321°, 彩度 = 43%, 明度 = 27% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #622827 : -320
11 : #623227 : -310
21 : #623c27 : -300
31 : #624627 : -290
41 : #625027 : -280
51 : #625a27 : -270
61 : #616227 : -260
71 : #586227 : -250
81 : #4e6227 : -240
91 : #446227 : -230
101 : #3a6227 : -220
111 : #306227 : -210
121 : #276228 : -200
131 : #276232 : -190
141 : #27623c : -180
151 : #276246 : -170
161 : #276250 : -160
171 : #27625a : -150
181 : #276162 : -140
191 : #275862 : -130
201 : #274e62 : -120
211 : #274462 : -110
221 : #273a62 : -100
231 : #273062 : -90
241 : #282762 : -80
251 : #322762 : -70
261 : #3c2762 : -60
271 : #462762 : -50
281 : #502762 : -40
291 : #5a2762 : -30
301 : #622761 : -20
311 : #622758 : -10
321 : #62274e : ±0
331 : #622744 : +10
341 : #62273a : +20
351 : #622730 : +30
311 : #622758 : -10
312 : #622757 : -9
313 : #622756 : -8
314 : #622755 : -7
315 : #622754 : -6
316 : #622753 : -5
317 : #622752 : -4
318 : #622751 : -3
319 : #622750 : -2
320 : #62274f : -1
321 : #62274e : ±0
322 : #62274d : +1
323 : #62274c : +2
324 : #62274b : +3
325 : #62274a : +4
326 : #622749 : +5
327 : #622748 : +6
328 : #622747 : +7
329 : #622746 : +8
330 : #622745 : +9
331 : #622744 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -42
3 : #474345 : -40
5 : #484146 : -38
7 : #4a4046 : -36
9 : #4b3f47 : -34
11 : #4c3d47 : -32
13 : #4e3c48 : -30
15 : #4f3b48 : -28
17 : #513948 : -26
19 : #523849 : -24
21 : #533649 : -22
23 : #55354a : -20
25 : #56344a : -18
27 : #57324a : -16
29 : #59314b : -14
31 : #5a304b : -12
33 : #5c2e4c : -10
35 : #5d2d4c : -8
37 : #5e2b4c : -6
39 : #602a4d : -4
41 : #61294d : -2
43 : #62274e : ±0
45 : #64264e : +2
47 : #65244f : +4
49 : #67234f : +6
51 : #68224f : +8
53 : #692050 : +10
55 : #6b1f50 : +12
57 : #6c1e51 : +14
59 : #6d1c51 : +16
61 : #6f1b51 : +18
63 : #701952 : +20
65 : #721852 : +22
67 : #731753 : +24
69 : #741553 : +26
71 : #761454 : +28
73 : #771354 : +30
75 : #781154 : +32
77 : #7a1055 : +34
79 : #7b0e55 : +36
81 : #7d0d56 : +38
83 : #7e0c56 : +40
85 : #7f0a56 : +42
87 : #810957 : +44
89 : #820857 : +46
91 : #840658 : +48
93 : #850558 : +50
95 : #860358 : +52
97 : #880259 : +54
99 : #890159 : +56
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -26
3 : #0b0409 : -24
5 : #12070e : -22
7 : #1a0a14 : -20
9 : #210d1a : -18
11 : #281020 : -16
13 : #2f1325 : -14
15 : #37162b : -12
17 : #3e1931 : -10
19 : #451c37 : -8
21 : #4d1f3c : -6
23 : #542142 : -4
25 : #5b2448 : -2
27 : #62274e : ±0
29 : #6a2a53 : +2
31 : #712d59 : +4
33 : #78305f : +6
35 : #803365 : +8
37 : #87366b : +10
39 : #8e3970 : +12
41 : #963c76 : +14
43 : #9d3f7c : +16
45 : #a44182 : +18
47 : #ab4487 : +20
49 : #b3478d : +22
51 : #b84c92 : +24
53 : #bb5497 : +26
55 : #be5b9b : +28
57 : #c0629f : +30
59 : #c369a4 : +32
61 : #c671a8 : +34
63 : #c978ad : +36
65 : #cc7fb1 : +38
67 : #cf87b6 : +40
69 : #d28eba : +42
71 : #d595bf : +44
73 : #d89dc3 : +46
75 : #dba4c7 : +48
77 : #deabcc : +50
79 : #e0b2d0 : +52
81 : #e3bad5 : +54
83 : #e6c1d9 : +56
85 : #e9c8de : +58
87 : #ecd0e2 : +60
89 : #efd7e7 : +62
91 : #f2deeb : +64
93 : #f5e5ef : +66
95 : #f8edf4 : +68
97 : #fbf4f8 : +70
99 : #fefbfd : +72
CSS入門、作ってます。
text-shadow