#622753
RGB ( 赤 = 98, 緑 = 39, 青 = 83 )
HSL ( 色相 = 315°, 彩度 = 43%, 明度 = 27% )
H : 色相 ( 315° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #622c27 : -310
15 : #623627 : -300
25 : #624027 : -290
35 : #624a27 : -280
45 : #625427 : -270
55 : #625e27 : -260
65 : #5e6227 : -250
75 : #546227 : -240
85 : #4a6227 : -230
95 : #406227 : -220
105 : #366227 : -210
115 : #2c6227 : -200
125 : #27622c : -190
135 : #276236 : -180
145 : #276240 : -170
155 : #27624a : -160
165 : #276254 : -150
175 : #27625e : -140
185 : #275e62 : -130
195 : #275462 : -120
205 : #274a62 : -110
215 : #274062 : -100
225 : #273662 : -90
235 : #272c62 : -80
245 : #2c2762 : -70
255 : #362762 : -60
265 : #402762 : -50
275 : #4a2762 : -40
285 : #542762 : -30
295 : #5e2762 : -20
305 : #62275e : -10
315 : #622754 : ±0
325 : #62274a : +10
335 : #622740 : +20
345 : #622736 : +30
355 : #62272c : +40
305 : #62275e : -10
306 : #62275d : -9
307 : #62275c : -8
308 : #62275b : -7
309 : #62275a : -6
310 : #622759 : -5
311 : #622758 : -4
312 : #622757 : -3
313 : #622756 : -2
314 : #622755 : -1
315 : #622754 : ±0
316 : #622753 : +1
317 : #622752 : +2
318 : #622751 : +3
319 : #622750 : +4
320 : #62274f : +5
321 : #62274e : +6
322 : #62274d : +7
323 : #62274c : +8
324 : #62274b : +9
325 : #62274a : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #464445 : -42
3 : #474346 : -40
5 : #484147 : -38
7 : #4a4047 : -36
9 : #4b3f48 : -34
11 : #4c3d49 : -32
13 : #4e3c49 : -30
15 : #4f3b4a : -28
17 : #51394b : -26
19 : #52384b : -24
21 : #53364c : -22
23 : #55354d : -20
25 : #56344d : -18
27 : #57324e : -16
29 : #59314f : -14
31 : #5a3050 : -12
33 : #5c2e50 : -10
35 : #5d2d51 : -8
37 : #5e2b52 : -6
39 : #602a52 : -4
41 : #612953 : -2
43 : #622754 : ±0
45 : #642654 : +2
47 : #652455 : +4
49 : #672356 : +6
51 : #682256 : +8
53 : #692057 : +10
55 : #6b1f58 : +12
57 : #6c1e58 : +14
59 : #6d1c59 : +16
61 : #6f1b5a : +18
63 : #70195b : +20
65 : #72185b : +22
67 : #73175c : +24
69 : #74155d : +26
71 : #76145d : +28
73 : #77135e : +30
75 : #78115f : +32
77 : #7a105f : +34
79 : #7b0e60 : +36
81 : #7d0d61 : +38
83 : #7e0c61 : +40
85 : #7f0a62 : +42
87 : #810963 : +44
89 : #820863 : +46
91 : #840664 : +48
93 : #850565 : +50
95 : #860366 : +52
97 : #880266 : +54
99 : #890167 : +56
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -26
3 : #0b0409 : -24
5 : #12070f : -22
7 : #1a0a16 : -20
9 : #210d1c : -18
11 : #281022 : -16
13 : #2f1328 : -14
15 : #37162e : -12
17 : #3e1935 : -10
19 : #451c3b : -8
21 : #4d1f41 : -6
23 : #542147 : -4
25 : #5b244d : -2
27 : #622754 : ±0
29 : #6a2a5a : +2
31 : #712d60 : +4
33 : #783066 : +6
35 : #80336c : +8
37 : #873673 : +10
39 : #8e3979 : +12
41 : #963c7f : +14
43 : #9d3f85 : +16
45 : #a4418b : +18
47 : #ab4492 : +20
49 : #b34798 : +22
51 : #b84c9d : +24
53 : #bb54a1 : +26
55 : #be5ba5 : +28
57 : #c062a9 : +30
59 : #c369ad : +32
61 : #c671b1 : +34
63 : #c978b5 : +36
65 : #cc7fb9 : +38
67 : #cf87bd : +40
69 : #d28ec1 : +42
71 : #d595c5 : +44
73 : #d89dc9 : +46
75 : #dba4cd : +48
77 : #deabd1 : +50
79 : #e0b2d5 : +52
81 : #e3bad9 : +54
83 : #e6c1dd : +56
85 : #e9c8e1 : +58
87 : #ecd0e5 : +60
89 : #efd7e9 : +62
91 : #f2deed : +64
93 : #f5e5f1 : +66
95 : #f8edf5 : +68
97 : #fbf4f9 : +70
99 : #fefbfd : +72
CSS入門、作ってます。
text-shadow