#622225
RGB ( 赤 = 98, 緑 = 34, 青 = 37 )
HSL ( 色相 = 357°, 彩度 = 48%, 明度 = 26% )
H : 色相 ( 357° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #622a22 : -350
17 : #623522 : -340
27 : #623f22 : -330
37 : #624a22 : -320
47 : #625422 : -310
57 : #625f22 : -300
67 : #5b6222 : -290
77 : #506222 : -280
87 : #456222 : -270
97 : #3b6222 : -260
107 : #306222 : -250
117 : #266222 : -240
127 : #22622a : -230
137 : #226235 : -220
147 : #22623f : -210
157 : #22624a : -200
167 : #226254 : -190
177 : #22625f : -180
187 : #225b62 : -170
197 : #225062 : -160
207 : #224562 : -150
217 : #223b62 : -140
227 : #223062 : -130
237 : #222662 : -120
247 : #2a2262 : -110
257 : #352262 : -100
267 : #3f2262 : -90
277 : #4a2262 : -80
287 : #542262 : -70
297 : #5f2262 : -60
307 : #62225b : -50
317 : #622250 : -40
327 : #622245 : -30
337 : #62223b : -20
347 : #622230 : -10
357 : #622226 : ±0
347 : #622230 : -10
348 : #62222f : -9
349 : #62222e : -8
350 : #62222d : -7
351 : #62222c : -6
352 : #62222b : -5
353 : #62222a : -4
354 : #622229 : -3
355 : #622228 : -2
356 : #622227 : -1
357 : #622226 : ±0
358 : #622225 : +1
359 : #622224 : +2
0 : #622222 : -357
1 : #622422 : -356
2 : #622522 : -355
3 : #622622 : -354
4 : #622722 : -353
5 : #622822 : -352
6 : #622922 : -351
7 : #622a22 : -350
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -48
2 : #444141 : -46
4 : #454040 : -44
6 : #463e3f : -42
8 : #483d3e : -40
10 : #493c3c : -38
12 : #4a3a3b : -36
14 : #4c393a : -34
16 : #4d3839 : -32
18 : #4e3638 : -30
20 : #503536 : -28
22 : #513435 : -26
24 : #523234 : -24
26 : #543133 : -22
28 : #553032 : -20
30 : #562e30 : -18
32 : #582d2f : -16
34 : #592c2e : -14
36 : #5a2a2d : -12
38 : #5b292c : -10
40 : #5d282a : -8
42 : #5e2629 : -6
44 : #5f2528 : -4
46 : #612427 : -2
48 : #622226 : ±0
50 : #632124 : +2
52 : #652023 : +4
54 : #661e22 : +6
56 : #671d21 : +8
58 : #691c20 : +10
60 : #6a1b1e : +12
62 : #6b191d : +14
64 : #6d181c : +16
66 : #6e171b : +18
68 : #6f151a : +20
70 : #711419 : +22
72 : #721317 : +24
74 : #731116 : +26
76 : #751015 : +28
78 : #760f14 : +30
80 : #770d13 : +32
82 : #790c11 : +34
84 : #7a0b10 : +36
86 : #7b090f : +38
88 : #7d080e : +40
90 : #7e070d : +42
92 : #7f050b : +44
94 : #81040a : +46
96 : #820309 : +48
98 : #830108 : +50
100 : #850007 : +52
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #080303 : -24
4 : #0f0506 : -22
6 : #170809 : -20
8 : #1e0b0c : -18
10 : #260d0e : -16
12 : #2d1011 : -14
14 : #351314 : -12
16 : #3c1517 : -10
18 : #44181a : -8
20 : #4b1b1d : -6
22 : #531d20 : -4
24 : #5b2023 : -2
26 : #622226 : ±0
28 : #6a2529 : +2
30 : #71282b : +4
32 : #792a2e : +6
34 : #802d31 : +8
36 : #883034 : +10
38 : #8f3237 : +12
40 : #97353a : +14
42 : #9f383d : +16
44 : #a63a40 : +18
46 : #ae3d43 : +20
48 : #b54046 : +22
50 : #bd4248 : +24
52 : #bf4a50 : +26
54 : #c25157 : +28
56 : #c5595e : +30
58 : #c76066 : +32
60 : #ca686d : +34
62 : #cd7074 : +36
64 : #cf777c : +38
66 : #d27f83 : +40
68 : #d5868a : +42
70 : #d78e91 : +44
72 : #da9599 : +46
74 : #dd9da0 : +48
76 : #dfa4a7 : +50
78 : #e2acaf : +52
80 : #e4b4b6 : +54
82 : #e7bbbd : +56
84 : #eac3c5 : +58
86 : #eccacc : +60
88 : #efd2d3 : +62
90 : #f2d9da : +64
92 : #f4e1e2 : +66
94 : #f7e8e9 : +68
96 : #faf0f0 : +70
98 : #fcf7f8 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow