#630d50
RGB ( 赤 = 99, 緑 = 13, 青 = 80 )
HSL ( 色相 = 313°, 彩度 = 77%, 明度 = 22% )
H : 色相 ( 313° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #63110d : -310
13 : #63200d : -300
23 : #632e0d : -290
33 : #633c0d : -280
43 : #634b0d : -270
53 : #63590d : -260
63 : #5f630d : -250
73 : #51630d : -240
83 : #42630d : -230
93 : #34630d : -220
103 : #25630d : -210
113 : #17630d : -200
123 : #0d6311 : -190
133 : #0d6320 : -180
143 : #0d632e : -170
153 : #0d633c : -160
163 : #0d634b : -150
173 : #0d6359 : -140
183 : #0d5f63 : -130
193 : #0d5163 : -120
203 : #0d4263 : -110
213 : #0d3463 : -100
223 : #0d2563 : -90
233 : #0d1763 : -80
243 : #110d63 : -70
253 : #200d63 : -60
263 : #2e0d63 : -50
273 : #3c0d63 : -40
283 : #4b0d63 : -30
293 : #590d63 : -20
303 : #630d5f : -10
313 : #630d51 : ±0
323 : #630d42 : +10
333 : #630d34 : +20
343 : #630d25 : +30
353 : #630d17 : +40
303 : #630d5f : -10
304 : #630d5e : -9
305 : #630d5c : -8
306 : #630d5b : -7
307 : #630d59 : -6
308 : #630d58 : -5
309 : #630d56 : -4
310 : #630d55 : -3
311 : #630d53 : -2
312 : #630d52 : -1
313 : #630d51 : ±0
314 : #630d4f : +1
315 : #630d4e : +2
316 : #630d4c : +3
317 : #630d4b : +4
318 : #630d49 : +5
319 : #630d48 : +6
320 : #630d46 : +7
321 : #630d45 : +8
322 : #630d44 : +9
323 : #630d42 : +10
S : 彩度 ( 77% )
(0%) 渋い ~ 鮮やか (100%)
1 : #393838 : -76
3 : #3a3639 : -74
5 : #3b353a : -72
7 : #3c343a : -70
9 : #3d333b : -68
11 : #3e323c : -66
13 : #3f313c : -64
15 : #41303d : -62
17 : #422f3e : -60
19 : #432d3e : -58
21 : #442c3f : -56
23 : #452b3f : -54
25 : #462a40 : -52
27 : #472941 : -50
29 : #482841 : -48
31 : #492742 : -46
33 : #4b2643 : -44
35 : #4c2443 : -42
37 : #4d2344 : -40
39 : #4e2244 : -38
41 : #4f2145 : -36
43 : #502046 : -34
45 : #511f46 : -32
47 : #521e47 : -30
49 : #541d48 : -28
51 : #551b48 : -26
53 : #561a49 : -24
55 : #57194a : -22
57 : #58184a : -20
59 : #59174b : -18
61 : #5a164b : -16
63 : #5b154c : -14
65 : #5d144d : -12
67 : #5e134d : -10
69 : #5f114e : -8
71 : #60104f : -6
73 : #610f4f : -4
75 : #620e50 : -2
77 : #630d51 : ±0
79 : #640c51 : +2
81 : #660b52 : +4
83 : #670a52 : +6
85 : #680853 : +8
87 : #690754 : +10
89 : #6a0654 : +12
91 : #6b0555 : +14
93 : #6c0456 : +16
95 : #6d0356 : +18
97 : #6f0257 : +20
99 : #700158 : +22
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #090107 : -20
4 : #12020f : -18
6 : #1b0416 : -16
8 : #24051d : -14
10 : #2d0625 : -12
12 : #36072c : -10
14 : #3f0833 : -8
16 : #48093b : -6
18 : #510b42 : -4
20 : #5a0c49 : -2
22 : #630d51 : ±0
24 : #6c0e58 : +2
26 : #750f5f : +4
28 : #7e1067 : +6
30 : #87126e : +8
32 : #901375 : +10
34 : #99147d : +12
36 : #a21584 : +14
38 : #ac168b : +16
40 : #b51793 : +18
42 : #be199a : +20
44 : #c71aa1 : +22
46 : #d01ba8 : +24
48 : #d91cb0 : +26
50 : #e21db7 : +28
52 : #e326ba : +30
54 : #e42fbd : +32
56 : #e538c0 : +34
58 : #e641c3 : +36
60 : #e84ac6 : +38
62 : #e953c8 : +40
64 : #ea5dcb : +42
66 : #eb66ce : +44
68 : #ec6fd1 : +46
70 : #ed78d4 : +48
72 : #ef81d7 : +50
74 : #f08ada : +52
76 : #f193dd : +54
78 : #f29cdf : +56
80 : #f3a5e2 : +58
82 : #f4aee5 : +60
84 : #f6b7e8 : +62
86 : #f7c0eb : +64
88 : #f8c9ee : +66
90 : #f9d2f1 : +68
92 : #fadbf4 : +70
94 : #fbe4f6 : +72
96 : #fdedf9 : +74
98 : #fef6fc : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow