#301c31
RGB ( 赤 = 48, 緑 = 28, 青 = 49 )
HSL ( 色相 = 297°, 彩度 = 27%, 明度 = 15% )
H : 色相 ( 297° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #311e1c : -290
17 : #31221c : -280
27 : #31251c : -270
37 : #31291c : -260
47 : #312c1c : -250
57 : #31301c : -240
67 : #2e311c : -230
77 : #2b311c : -220
87 : #27311c : -210
97 : #24311c : -200
107 : #20311c : -190
117 : #1d311c : -180
127 : #1c311e : -170
137 : #1c3122 : -160
147 : #1c3125 : -150
157 : #1c3129 : -140
167 : #1c312c : -130
177 : #1c3130 : -120
187 : #1c2e31 : -110
197 : #1c2b31 : -100
207 : #1c2731 : -90
217 : #1c2431 : -80
227 : #1c2031 : -70
237 : #1c1d31 : -60
247 : #1e1c31 : -50
257 : #221c31 : -40
267 : #251c31 : -30
277 : #291c31 : -20
287 : #2c1c31 : -10
297 : #301c31 : ±0
307 : #311c2e : +10
317 : #311c2b : +20
327 : #311c27 : +30
337 : #311c24 : +40
347 : #311c20 : +50
357 : #311c1d : +60
287 : #2c1c31 : -10
288 : #2c1c31 : -9
289 : #2d1c31 : -8
290 : #2d1c31 : -7
291 : #2d1c31 : -6
292 : #2e1c31 : -5
293 : #2e1c31 : -4
294 : #2f1c31 : -3
295 : #2f1c31 : -2
296 : #2f1c31 : -1
297 : #301c31 : ±0
298 : #301c31 : +1
299 : #301c31 : +2
300 : #311c31 : +3
301 : #311c30 : +4
302 : #311c30 : +5
303 : #311c30 : +6
304 : #311c2f : +7
305 : #311c2f : +8
306 : #311c2f : +9
307 : #311c2e : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272627 : -26
3 : #272527 : -24
5 : #282428 : -22
7 : #292429 : -20
9 : #29232a : -18
11 : #2a222a : -16
13 : #2b212b : -14
15 : #2b212c : -12
17 : #2c202d : -10
19 : #2d1f2e : -8
21 : #2d1e2e : -6
23 : #2e1d2f : -4
25 : #2f1d30 : -2
27 : #301c31 : ±0
29 : #301b31 : +2
31 : #311a32 : +4
33 : #321a33 : +6
35 : #321934 : +8
37 : #331834 : +10
39 : #341735 : +12
41 : #341736 : +14
43 : #351637 : +16
45 : #361537 : +18
47 : #361438 : +20
49 : #371439 : +22
51 : #38133a : +24
53 : #38123b : +26
55 : #39113b : +28
57 : #3a103c : +30
59 : #3b103d : +32
61 : #3b0f3e : +34
63 : #3c0e3e : +36
65 : #3d0d3f : +38
67 : #3d0d40 : +40
69 : #3e0c41 : +42
71 : #3f0b41 : +44
73 : #3f0a42 : +46
75 : #400a43 : +48
77 : #410944 : +50
79 : #410844 : +52
81 : #420745 : +54
83 : #430746 : +56
85 : #440647 : +58
87 : #440548 : +60
89 : #450448 : +62
91 : #460349 : +64
93 : #46034a : +66
95 : #47024b : +68
97 : #48014b : +70
99 : #48004c : +72
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -14
3 : #0a060a : -12
5 : #100910 : -10
7 : #160d17 : -8
9 : #1d111d : -6
11 : #231424 : -4
13 : #29182a : -2
15 : #301c31 : ±0
17 : #362037 : +2
19 : #3c233e : +4
21 : #432744 : +6
23 : #492b4a : +8
25 : #4f2f51 : +10
27 : #563257 : +12
29 : #5c365e : +14
31 : #623a64 : +16
33 : #693d6b : +18
35 : #6f4171 : +20
37 : #754578 : +22
39 : #7c497e : +24
41 : #824c85 : +26
43 : #88508b : +28
45 : #8f5492 : +30
47 : #955798 : +32
49 : #9b5b9f : +34
51 : #a060a4 : +36
53 : #a467a8 : +38
55 : #a86dab : +40
57 : #ac74af : +42
59 : #b07ab3 : +44
61 : #b481b6 : +46
63 : #b887ba : +48
65 : #bb8ebe : +50
67 : #bf94c2 : +52
69 : #c39bc5 : +54
71 : #c7a1c9 : +56
73 : #cba8cd : +58
75 : #cfaed0 : +60
77 : #d3b5d4 : +62
79 : #d6bbd8 : +64
81 : #dac1dc : +66
83 : #dec8df : +68
85 : #e2cee3 : +70
87 : #e6d5e7 : +72
89 : #eadbeb : +74
91 : #eee2ee : +76
93 : #f1e8f2 : +78
95 : #f5eff6 : +80
97 : #f9f5f9 : +82
99 : #fdfcfd : +84
CSS入門、作ってます。
text-shadow