#331051
RGB ( 赤 = 51, 緑 = 16, 青 = 81 )
HSL ( 色相 = 272°, 彩度 = 67%, 明度 = 19% )
H : 色相 ( 272° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #511210 : -270
12 : #511d10 : -260
22 : #512810 : -250
32 : #513310 : -240
42 : #513d10 : -230
52 : #514810 : -220
62 : #4f5110 : -210
72 : #445110 : -200
82 : #395110 : -190
92 : #2e5110 : -180
102 : #235110 : -170
112 : #195110 : -160
122 : #105112 : -150
132 : #10511d : -140
142 : #105128 : -130
152 : #105133 : -120
162 : #10513d : -110
172 : #105148 : -100
182 : #104f51 : -90
192 : #104451 : -80
202 : #103951 : -70
212 : #102e51 : -60
222 : #102351 : -50
232 : #101951 : -40
242 : #121051 : -30
252 : #1d1051 : -20
262 : #281051 : -10
272 : #331051 : ±0
282 : #3d1051 : +10
292 : #481051 : +20
302 : #51104f : +30
312 : #511044 : +40
322 : #511039 : +50
332 : #51102e : +60
342 : #511023 : +70
352 : #511019 : +80
262 : #281051 : -10
263 : #291051 : -9
264 : #2a1051 : -8
265 : #2b1051 : -7
266 : #2c1051 : -6
267 : #2d1051 : -5
268 : #2e1051 : -4
269 : #2f1051 : -3
270 : #301051 : -2
271 : #321051 : -1
272 : #331051 : ±0
273 : #341051 : +1
274 : #351051 : +2
275 : #361051 : +3
276 : #371051 : +4
277 : #381051 : +5
278 : #391051 : +6
279 : #3a1051 : +7
280 : #3b1051 : +8
281 : #3c1051 : +9
282 : #3d1051 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -66
3 : #312f32 : -64
5 : #312e33 : -62
7 : #312d34 : -60
9 : #312c35 : -58
11 : #312b36 : -56
13 : #312a37 : -54
15 : #312938 : -52
17 : #312839 : -50
19 : #31273a : -48
21 : #31263b : -46
23 : #31253c : -44
25 : #31243d : -42
27 : #31233e : -40
29 : #31223f : -38
31 : #31213f : -36
33 : #322040 : -34
35 : #321f41 : -32
37 : #321f42 : -30
39 : #321e43 : -28
41 : #321d44 : -26
43 : #321c45 : -24
45 : #321b46 : -22
47 : #321a47 : -20
49 : #321948 : -18
51 : #321849 : -16
53 : #32174a : -14
55 : #32164b : -12
57 : #32154c : -10
59 : #32144d : -8
61 : #32134e : -6
63 : #32124f : -4
65 : #331150 : -2
67 : #331051 : ±0
69 : #330f52 : +2
71 : #330e53 : +4
73 : #330d54 : +6
75 : #330c55 : +8
77 : #330b56 : +10
79 : #330a57 : +12
81 : #330958 : +14
83 : #330859 : +16
85 : #33075a : +18
87 : #33065b : +20
89 : #33055c : +22
91 : #33045d : +24
93 : #33035e : +26
95 : #34025e : +28
97 : #34015f : +30
99 : #340060 : +32
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -18
3 : #08030d : -16
5 : #0d0415 : -14
7 : #13061e : -12
9 : #180826 : -10
11 : #1d092f : -8
13 : #230b37 : -6
15 : #280d40 : -4
17 : #2d0e48 : -2
19 : #331051 : ±0
21 : #381259 : +2
23 : #3d1362 : +4
25 : #43156a : +6
27 : #481773 : +8
29 : #4d187b : +10
31 : #531a84 : +12
33 : #581c8d : +14
35 : #5d1d95 : +16
37 : #631f9e : +18
39 : #6821a6 : +20
41 : #6d23af : +22
43 : #7324b7 : +24
45 : #7826c0 : +26
47 : #7d28c8 : +28
49 : #8329d1 : +30
51 : #882ed6 : +32
53 : #8d37d7 : +34
55 : #913fd9 : +36
57 : #9648db : +38
59 : #9b50dc : +40
61 : #a059de : +42
63 : #a561e0 : +44
65 : #aa6ae2 : +46
67 : #af72e3 : +48
69 : #b37be5 : +50
71 : #b884e7 : +52
73 : #bd8ce8 : +54
75 : #c295ea : +56
77 : #c79dec : +58
79 : #cca6ed : +60
81 : #d1aeef : +62
83 : #d6b7f1 : +64
85 : #dabff2 : +66
87 : #dfc8f4 : +68
89 : #e4d0f6 : +70
91 : #e9d9f7 : +72
93 : #eee1f9 : +74
95 : #f3eafb : +76
97 : #f8f2fc : +78
99 : #fdfbfe : +80
CSS入門、作ってます。
text-shadow