#331f27
RGB ( 赤 = 51, 緑 = 31, 青 = 39 )
HSL ( 色相 = 336°, 彩度 = 24%, 明度 = 16% )
H : 色相 ( 336° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #33211f : -330
16 : #33241f : -320
26 : #33271f : -310
36 : #332b1f : -300
46 : #332e1f : -290
56 : #33311f : -280
66 : #31331f : -270
76 : #2d331f : -260
86 : #2a331f : -250
96 : #27331f : -240
106 : #24331f : -230
116 : #20331f : -220
126 : #1f3321 : -210
136 : #1f3324 : -200
146 : #1f3327 : -190
156 : #1f332b : -180
166 : #1f332e : -170
176 : #1f3331 : -160
186 : #1f3133 : -150
196 : #1f2d33 : -140
206 : #1f2a33 : -130
216 : #1f2733 : -120
226 : #1f2433 : -110
236 : #1f2033 : -100
246 : #211f33 : -90
256 : #241f33 : -80
266 : #271f33 : -70
276 : #2b1f33 : -60
286 : #2e1f33 : -50
296 : #311f33 : -40
306 : #331f31 : -30
316 : #331f2d : -20
326 : #331f2a : -10
336 : #331f27 : ±0
346 : #331f24 : +10
356 : #331f20 : +20
326 : #331f2a : -10
327 : #331f2a : -9
328 : #331f29 : -8
329 : #331f29 : -7
330 : #331f29 : -6
331 : #331f28 : -5
332 : #331f28 : -4
333 : #331f28 : -3
334 : #331f27 : -2
335 : #331f27 : -1
336 : #331f27 : ±0
337 : #331f27 : +1
338 : #331f26 : +2
339 : #331f26 : +3
340 : #331f26 : +4
341 : #331f25 : +5
342 : #331f25 : +6
343 : #331f25 : +7
344 : #331f24 : +8
345 : #331f24 : +9
346 : #331f24 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -24
2 : #2a2829 : -22
4 : #2a2728 : -20
6 : #2b2628 : -18
8 : #2c2628 : -16
10 : #2d2528 : -14
12 : #2e2428 : -12
14 : #2f2328 : -10
16 : #2f2227 : -8
18 : #302127 : -6
20 : #312127 : -4
22 : #322027 : -2
24 : #331f27 : ±0
26 : #331e27 : +2
28 : #341d27 : +4
30 : #351d26 : +6
32 : #361c26 : +8
34 : #371b26 : +10
36 : #371a26 : +12
38 : #381926 : +14
40 : #391826 : +16
42 : #3a1825 : +18
44 : #3b1725 : +20
46 : #3c1625 : +22
48 : #3c1525 : +24
50 : #3d1425 : +26
52 : #3e1425 : +28
54 : #3f1324 : +30
56 : #401224 : +32
58 : #401124 : +34
60 : #411024 : +36
62 : #421024 : +38
64 : #430f24 : +40
66 : #440e23 : +42
68 : #450d23 : +44
70 : #450c23 : +46
72 : #460b23 : +48
74 : #470b23 : +50
76 : #480a23 : +52
78 : #490922 : +54
80 : #490822 : +56
82 : #4a0722 : +58
84 : #4b0722 : +60
86 : #4c0622 : +62
88 : #4d0522 : +64
90 : #4e0421 : +66
92 : #4e0321 : +68
94 : #4f0221 : +70
96 : #500221 : +72
98 : #510121 : +74
100 : #520021 : +76
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060405 : -14
4 : #0d080a : -12
6 : #130c0f : -10
8 : #191013 : -8
10 : #201318 : -6
12 : #26171d : -4
14 : #2c1b22 : -2
16 : #331f27 : ±0
18 : #39232c : +2
20 : #3f2731 : +4
22 : #462b35 : +6
24 : #4c2f3a : +8
26 : #52323f : +10
28 : #593644 : +12
30 : #5f3a49 : +14
32 : #653e4e : +16
34 : #6c4253 : +18
36 : #724657 : +20
38 : #784a5c : +22
40 : #7e4e61 : +24
42 : #855166 : +26
44 : #8b556b : +28
46 : #915970 : +30
48 : #985d75 : +32
50 : #9e6179 : +34
52 : #a2677f : +36
54 : #a66e84 : +38
56 : #aa7489 : +40
58 : #ae7a8f : +42
60 : #b18194 : +44
62 : #b58799 : +46
64 : #b98d9f : +48
66 : #bd93a4 : +50
68 : #c19aa9 : +52
70 : #c5a0af : +54
72 : #c9a6b4 : +56
74 : #cdadba : +58
76 : #d0b3bf : +60
78 : #d4b9c4 : +62
80 : #d8c0ca : +64
82 : #dcc6cf : +66
84 : #e0ccd4 : +68
86 : #e4d3da : +70
88 : #e8d9df : +72
90 : #ecdfe4 : +74
92 : #efe6ea : +76
94 : #f3ecef : +78
96 : #f7f2f4 : +80
98 : #fbf9fa : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow