#621f65
RGB ( 赤 = 98, 緑 = 31, 青 = 101 )
HSL ( 色相 = 297°, 彩度 = 53%, 明度 = 26% )
H : 色相 ( 297° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #65271f : -290
17 : #65331f : -280
27 : #653f1f : -270
37 : #654a1f : -260
47 : #65561f : -250
57 : #65621f : -240
67 : #5d651f : -230
77 : #52651f : -220
87 : #46651f : -210
97 : #3a651f : -200
107 : #2e651f : -190
117 : #23651f : -180
127 : #1f6527 : -170
137 : #1f6533 : -160
147 : #1f653f : -150
157 : #1f654a : -140
167 : #1f6556 : -130
177 : #1f6562 : -120
187 : #1f5d65 : -110
197 : #1f5265 : -100
207 : #1f4665 : -90
217 : #1f3a65 : -80
227 : #1f2e65 : -70
237 : #1f2365 : -60
247 : #271f65 : -50
257 : #331f65 : -40
267 : #3f1f65 : -30
277 : #4a1f65 : -20
287 : #561f65 : -10
297 : #621f65 : ±0
307 : #651f5d : +10
317 : #651f52 : +20
327 : #651f46 : +30
337 : #651f3a : +40
347 : #651f2e : +50
357 : #651f23 : +60
287 : #561f65 : -10
288 : #571f65 : -9
289 : #591f65 : -8
290 : #5a1f65 : -7
291 : #5b1f65 : -6
292 : #5c1f65 : -5
293 : #5d1f65 : -4
294 : #5e1f65 : -3
295 : #601f65 : -2
296 : #611f65 : -1
297 : #621f65 : ±0
298 : #631f65 : +1
299 : #641f65 : +2
300 : #651f65 : +3
301 : #651f64 : +4
302 : #651f63 : +5
303 : #651f62 : +6
304 : #651f61 : +7
305 : #651f60 : +8
306 : #651f5e : +9
307 : #651f5d : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #434243 : -52
3 : #444044 : -50
5 : #453f46 : -48
7 : #463e47 : -46
9 : #483c48 : -44
11 : #493b4a : -42
13 : #4a3a4b : -40
15 : #4b384c : -38
17 : #4c374e : -36
19 : #4e364f : -34
21 : #4f3450 : -32
23 : #503352 : -30
25 : #513253 : -28
27 : #523054 : -26
29 : #542f56 : -24
31 : #552e57 : -22
33 : #562c58 : -20
35 : #572b5a : -18
37 : #582a5b : -16
39 : #5a285c : -14
41 : #5b275d : -12
43 : #5c265f : -10
45 : #5d2460 : -8
47 : #5e2361 : -6
49 : #602263 : -4
51 : #612064 : -2
53 : #621f65 : ±0
55 : #631e67 : +2
57 : #641d68 : +4
59 : #661b69 : +6
61 : #671a6b : +8
63 : #68196c : +10
65 : #69176d : +12
67 : #6a166f : +14
69 : #6b1570 : +16
71 : #6d1371 : +18
73 : #6e1273 : +20
75 : #6f1174 : +22
77 : #700f75 : +24
79 : #710e77 : +26
81 : #730d78 : +28
83 : #740b79 : +30
85 : #750a7b : +32
87 : #76097c : +34
89 : #77077d : +36
91 : #79067f : +38
93 : #7a0580 : +40
95 : #7b0381 : +42
97 : #7c0283 : +44
99 : #7d0184 : +46
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080208 : -24
4 : #0f0510 : -22
6 : #170717 : -20
8 : #1e0a1f : -18
10 : #260c27 : -16
12 : #2d0e2f : -14
14 : #351137 : -12
16 : #3c133e : -10
18 : #441646 : -8
20 : #4b184e : -6
22 : #531a56 : -4
24 : #5a1d5e : -2
26 : #621f65 : ±0
28 : #69226d : +2
30 : #712475 : +4
32 : #79267d : +6
34 : #802985 : +8
36 : #882b8c : +10
38 : #8f2e94 : +12
40 : #97309c : +14
42 : #9e32a4 : +16
44 : #a635ac : +18
46 : #ad37b3 : +20
48 : #b53abb : +22
50 : #bc3cc3 : +24
52 : #bf44c5 : +26
54 : #c24cc8 : +28
56 : #c453ca : +30
58 : #c75bcd : +32
60 : #ca63cf : +34
62 : #cc6bd1 : +36
64 : #cf73d4 : +38
66 : #d27ad6 : +40
68 : #d482d9 : +42
70 : #d78adb : +44
72 : #da92dd : +46
74 : #dc9ae0 : +48
76 : #dfa1e2 : +50
78 : #e2a9e5 : +52
80 : #e4b1e7 : +54
82 : #e7b9e9 : +56
84 : #eac1ec : +58
86 : #ecc8ee : +60
88 : #efd0f1 : +62
90 : #f2d8f3 : +64
92 : #f4e0f5 : +66
94 : #f7e8f8 : +68
96 : #faeffa : +70
98 : #fcf7fd : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow