#460c44
RGB ( 赤 = 70, 緑 = 12, 青 = 68 )
HSL ( 色相 = 302°, 彩度 = 71%, 明度 = 16% )
H : 色相 ( 302° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #460e0c : -300
12 : #46170c : -290
22 : #46210c : -280
32 : #462b0c : -270
42 : #46340c : -260
52 : #463e0c : -250
62 : #44460c : -240
72 : #3a460c : -230
82 : #31460c : -220
92 : #27460c : -210
102 : #1d460c : -200
112 : #14460c : -190
122 : #0c460e : -180
132 : #0c4617 : -170
142 : #0c4621 : -160
152 : #0c462b : -150
162 : #0c4634 : -140
172 : #0c463e : -130
182 : #0c4446 : -120
192 : #0c3a46 : -110
202 : #0c3146 : -100
212 : #0c2746 : -90
222 : #0c1d46 : -80
232 : #0c1446 : -70
242 : #0e0c46 : -60
252 : #170c46 : -50
262 : #210c46 : -40
272 : #2b0c46 : -30
282 : #340c46 : -20
292 : #3e0c46 : -10
302 : #460c44 : ±0
312 : #460c3a : +10
322 : #460c31 : +20
332 : #460c27 : +30
342 : #460c1d : +40
352 : #460c14 : +50
292 : #3e0c46 : -10
293 : #3f0c46 : -9
294 : #400c46 : -8
295 : #410c46 : -7
296 : #420c46 : -6
297 : #430c46 : -5
298 : #440c46 : -4
299 : #450c46 : -3
300 : #460c46 : -2
301 : #460c45 : -1
302 : #460c44 : ±0
303 : #460c43 : +1
304 : #460c42 : +2
305 : #460c41 : +3
306 : #460c40 : +4
307 : #460c3f : +5
308 : #460c3e : +6
309 : #460c3d : +7
310 : #460c3c : +8
311 : #460c3b : +9
312 : #460c3a : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #292829 : -70
3 : #2a282a : -68
5 : #2b272b : -66
7 : #2c262b : -64
9 : #2c252c : -62
11 : #2d242d : -60
13 : #2e232e : -58
15 : #2f232f : -56
17 : #30222f : -54
19 : #312130 : -52
21 : #312031 : -50
23 : #321f32 : -48
25 : #331f32 : -46
27 : #341e33 : -44
29 : #351d34 : -42
31 : #351c35 : -40
33 : #361b35 : -38
35 : #371b36 : -36
37 : #381a37 : -34
39 : #391938 : -32
41 : #3a1838 : -30
43 : #3a1739 : -28
45 : #3b163a : -26
47 : #3c163b : -24
49 : #3d153b : -22
51 : #3e143c : -20
53 : #3e133d : -18
55 : #3f123e : -16
57 : #40123f : -14
59 : #41113f : -12
61 : #421040 : -10
63 : #430f41 : -8
65 : #430e42 : -6
67 : #440d42 : -4
69 : #450d43 : -2
71 : #460c44 : ±0
73 : #470b45 : +2
75 : #470a45 : +4
77 : #480946 : +6
79 : #490947 : +8
81 : #4a0848 : +10
83 : #4b0748 : +12
85 : #4b0649 : +14
87 : #4c054a : +16
89 : #4d044b : +18
91 : #4e044b : +20
93 : #4f034c : +22
95 : #50024d : +24
97 : #50014e : +26
99 : #51004e : +28
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #090108 : -14
4 : #110311 : -12
6 : #1a0419 : -10
8 : #230622 : -8
10 : #2c072a : -6
12 : #340933 : -4
14 : #3d0a3b : -2
16 : #460c44 : ±0
18 : #4e0d4c : +2
20 : #570f55 : +4
22 : #60105d : +6
24 : #691266 : +8
26 : #71136e : +10
28 : #7a1577 : +12
30 : #83167f : +14
32 : #8c1888 : +16
34 : #941990 : +18
36 : #9d1b99 : +20
38 : #a61ca1 : +22
40 : #ae1eaa : +24
42 : #b71fb2 : +26
44 : #c021bb : +28
46 : #c922c3 : +30
48 : #d123cc : +32
50 : #da25d4 : +34
52 : #dc2ed6 : +36
54 : #dd36d7 : +38
56 : #de3fd9 : +40
58 : #e048db : +42
60 : #e151dd : +44
62 : #e359de : +46
64 : #e462e0 : +48
66 : #e66be2 : +50
68 : #e773e3 : +52
70 : #e97ce5 : +54
72 : #ea85e7 : +56
74 : #ec8ee9 : +58
76 : #ed96ea : +60
78 : #ef9fec : +62
80 : #f0a8ee : +64
82 : #f2b1f0 : +66
84 : #f3b9f1 : +68
86 : #f5c2f3 : +70
88 : #f6cbf5 : +72
90 : #f8d3f6 : +74
92 : #f9dcf8 : +76
94 : #fbe5fa : +78
96 : #fceefc : +80
98 : #fef6fd : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow