#311660
RGB ( 赤 = 49, 緑 = 22, 青 = 96 )
HSL ( 色相 = 262°, 彩度 = 63%, 明度 = 23% )
H : 色相 ( 262° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #601816 : -260
12 : #602416 : -250
22 : #603116 : -240
32 : #603d16 : -230
42 : #604916 : -220
52 : #605616 : -210
62 : #5d6016 : -200
72 : #516016 : -190
82 : #456016 : -180
92 : #386016 : -170
102 : #2c6016 : -160
112 : #206016 : -150
122 : #166018 : -140
132 : #166024 : -130
142 : #166031 : -120
152 : #16603d : -110
162 : #166049 : -100
172 : #166056 : -90
182 : #165d60 : -80
192 : #165160 : -70
202 : #164560 : -60
212 : #163860 : -50
222 : #162c60 : -40
232 : #162060 : -30
242 : #181660 : -20
252 : #241660 : -10
262 : #311660 : ±0
272 : #3d1660 : +10
282 : #491660 : +20
292 : #561660 : +30
302 : #60165d : +40
312 : #601651 : +50
322 : #601645 : +60
332 : #601638 : +70
342 : #60162c : +80
352 : #601620 : +90
252 : #241660 : -10
253 : #261660 : -9
254 : #271660 : -8
255 : #281660 : -7
256 : #291660 : -6
257 : #2b1660 : -5
258 : #2c1660 : -4
259 : #2d1660 : -3
260 : #2e1660 : -2
261 : #301660 : -1
262 : #311660 : ±0
263 : #321660 : +1
264 : #331660 : +2
265 : #341660 : +3
266 : #361660 : +4
267 : #371660 : +5
268 : #381660 : +6
269 : #391660 : +7
270 : #3b1660 : +8
271 : #3c1660 : +9
272 : #3d1660 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3a3a3b : -62
3 : #3a393c : -60
5 : #3a383e : -58
7 : #3a373f : -56
9 : #393540 : -54
11 : #393441 : -52
13 : #393342 : -50
15 : #383243 : -48
17 : #383145 : -46
19 : #383046 : -44
21 : #372e47 : -42
23 : #372d48 : -40
25 : #372c49 : -38
27 : #362b4a : -36
29 : #362a4c : -34
31 : #36284d : -32
33 : #35274e : -30
35 : #35264f : -28
37 : #352550 : -26
39 : #352452 : -24
41 : #342353 : -22
43 : #342154 : -20
45 : #342055 : -18
47 : #331f56 : -16
49 : #331e57 : -14
51 : #331d59 : -12
53 : #321c5a : -10
55 : #321a5b : -8
57 : #32195c : -6
59 : #31185d : -4
61 : #31175e : -2
63 : #311660 : ±0
65 : #301561 : +2
67 : #301362 : +4
69 : #301263 : +6
71 : #301164 : +8
73 : #2f1065 : +10
75 : #2f0f67 : +12
77 : #2f0d68 : +14
79 : #2e0c69 : +16
81 : #2e0b6a : +18
83 : #2e0a6b : +20
85 : #2d096d : +22
87 : #2d086e : +24
89 : #2d066f : +26
91 : #2c0570 : +28
93 : #2c0471 : +30
95 : #2c0372 : +32
97 : #2b0274 : +34
99 : #2b0175 : +36
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -22
3 : #06030c : -20
5 : #0b0515 : -18
7 : #0f071d : -16
9 : #130825 : -14
11 : #170a2e : -12
13 : #1c0c36 : -10
15 : #200e3e : -8
17 : #241047 : -6
19 : #28124f : -4
21 : #2d1457 : -2
23 : #311660 : ±0
25 : #351868 : +2
27 : #391970 : +4
29 : #3e1b79 : +6
31 : #421d81 : +8
33 : #461f89 : +10
35 : #4a2191 : +12
37 : #4e239a : +14
39 : #5325a2 : +16
41 : #5727aa : +18
43 : #5b29b3 : +20
45 : #5f2abb : +22
47 : #642cc3 : +24
49 : #682ecc : +26
51 : #6d33d1 : +28
53 : #733cd3 : +30
55 : #7944d5 : +32
57 : #7f4cd6 : +34
59 : #8555d8 : +36
61 : #8b5dda : +38
63 : #9165dc : +40
65 : #976ede : +42
67 : #9d76e0 : +44
69 : #a37ee2 : +46
71 : #a986e4 : +48
73 : #af8fe6 : +50
75 : #b597e7 : +52
77 : #ba9fe9 : +54
79 : #c0a8eb : +56
81 : #c6b0ed : +58
83 : #ccb8ef : +60
85 : #d2c1f1 : +62
87 : #d8c9f3 : +64
89 : #ded1f5 : +66
91 : #e4daf7 : +68
93 : #eae2f8 : +70
95 : #f0eafa : +72
97 : #f6f3fc : +74
99 : #fcfbfe : +76
CSS入門、作ってます。
text-shadow