#331f23
RGB ( 赤 = 51, 緑 = 31, 青 = 35 )
HSL ( 色相 = 348°, 彩度 = 24%, 明度 = 16% )
H : 色相 ( 348° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #33221f : -340
18 : #33251f : -330
28 : #33281f : -320
38 : #332b1f : -310
48 : #332f1f : -300
58 : #33321f : -290
68 : #30331f : -280
78 : #2d331f : -270
88 : #29331f : -260
98 : #26331f : -250
108 : #23331f : -240
118 : #20331f : -230
128 : #1f3322 : -220
138 : #1f3325 : -210
148 : #1f3328 : -200
158 : #1f332b : -190
168 : #1f332f : -180
178 : #1f3332 : -170
188 : #1f3033 : -160
198 : #1f2d33 : -150
208 : #1f2933 : -140
218 : #1f2633 : -130
228 : #1f2333 : -120
238 : #1f2033 : -110
248 : #221f33 : -100
258 : #251f33 : -90
268 : #281f33 : -80
278 : #2b1f33 : -70
288 : #2f1f33 : -60
298 : #321f33 : -50
308 : #331f30 : -40
318 : #331f2d : -30
328 : #331f29 : -20
338 : #331f26 : -10
348 : #331f23 : ±0
358 : #331f20 : +10
338 : #331f26 : -10
339 : #331f26 : -9
340 : #331f26 : -8
341 : #331f25 : -7
342 : #331f25 : -6
343 : #331f25 : -5
344 : #331f24 : -4
345 : #331f24 : -3
346 : #331f24 : -2
347 : #331f23 : -1
348 : #331f23 : ±0
349 : #331f23 : +1
350 : #331f22 : +2
351 : #331f22 : +3
352 : #331f22 : +4
353 : #331f21 : +5
354 : #331f21 : +6
355 : #331f21 : +7
356 : #331f20 : +8
357 : #331f20 : +9
358 : #331f20 : +10
S : 彩度 ( 24% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -24
2 : #2a2828 : -22
4 : #2a2728 : -20
6 : #2b2627 : -18
8 : #2c2627 : -16
10 : #2d2526 : -14
12 : #2e2426 : -12
14 : #2f2325 : -10
16 : #2f2225 : -8
18 : #302124 : -6
20 : #312124 : -4
22 : #322023 : -2
24 : #331f23 : ±0
26 : #331e22 : +2
28 : #341d22 : +4
30 : #351d21 : +6
32 : #361c21 : +8
34 : #371b20 : +10
36 : #371a20 : +12
38 : #38191f : +14
40 : #39181f : +16
42 : #3a181f : +18
44 : #3b171e : +20
46 : #3c161e : +22
48 : #3c151d : +24
50 : #3d141d : +26
52 : #3e141c : +28
54 : #3f131c : +30
56 : #40121b : +32
58 : #40111b : +34
60 : #41101a : +36
62 : #42101a : +38
64 : #430f19 : +40
66 : #440e19 : +42
68 : #450d18 : +44
70 : #450c18 : +46
72 : #460b17 : +48
74 : #470b17 : +50
76 : #480a16 : +52
78 : #490916 : +54
80 : #490815 : +56
82 : #4a0715 : +58
84 : #4b0714 : +60
86 : #4c0614 : +62
88 : #4d0513 : +64
90 : #4e0413 : +66
92 : #4e0312 : +68
94 : #4f0212 : +70
96 : #500211 : +72
98 : #510111 : +74
100 : #520010 : +76
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #060404 : -14
4 : #0d0809 : -12
6 : #130c0d : -10
8 : #191011 : -8
10 : #201316 : -6
12 : #26171a : -4
14 : #2c1b1f : -2
16 : #331f23 : ±0
18 : #392327 : +2
20 : #3f272c : +4
22 : #462b30 : +6
24 : #4c2f34 : +8
26 : #523239 : +10
28 : #59363d : +12
30 : #5f3a41 : +14
32 : #653e46 : +16
34 : #6c424a : +18
36 : #72464f : +20
38 : #784a53 : +22
40 : #7e4e57 : +24
42 : #85515c : +26
44 : #8b5560 : +28
46 : #915964 : +30
48 : #985d69 : +32
50 : #9e616d : +34
52 : #a26773 : +36
54 : #a66e79 : +38
56 : #aa747f : +40
58 : #ae7a84 : +42
60 : #b1818a : +44
62 : #b58790 : +46
64 : #b98d96 : +48
66 : #bd939c : +50
68 : #c19aa2 : +52
70 : #c5a0a7 : +54
72 : #c9a6ad : +56
74 : #cdadb3 : +58
76 : #d0b3b9 : +60
78 : #d4b9bf : +62
80 : #d8c0c5 : +64
82 : #dcc6ca : +66
84 : #e0ccd0 : +68
86 : #e4d3d6 : +70
88 : #e8d9dc : +72
90 : #ecdfe2 : +74
92 : #efe6e8 : +76
94 : #f3eced : +78
96 : #f7f2f3 : +80
98 : #fbf9f9 : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow