#301b31
RGB ( 赤 = 48, 緑 = 27, 青 = 49 )
HSL ( 色相 = 297°, 彩度 = 29%, 明度 = 15% )
H : 色相 ( 297° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #311e1b : -290
17 : #31211b : -280
27 : #31251b : -270
37 : #31291b : -260
47 : #312d1b : -250
57 : #31301b : -240
67 : #2f311b : -230
77 : #2b311b : -220
87 : #27311b : -210
97 : #24311b : -200
107 : #20311b : -190
117 : #1c311b : -180
127 : #1b311e : -170
137 : #1b3121 : -160
147 : #1b3125 : -150
157 : #1b3129 : -140
167 : #1b312d : -130
177 : #1b3130 : -120
187 : #1b2f31 : -110
197 : #1b2b31 : -100
207 : #1b2731 : -90
217 : #1b2431 : -80
227 : #1b2031 : -70
237 : #1b1c31 : -60
247 : #1e1b31 : -50
257 : #211b31 : -40
267 : #251b31 : -30
277 : #291b31 : -20
287 : #2d1b31 : -10
297 : #301b31 : ±0
307 : #311b2f : +10
317 : #311b2b : +20
327 : #311b27 : +30
337 : #311b24 : +40
347 : #311b20 : +50
357 : #311b1c : +60
287 : #2d1b31 : -10
288 : #2d1b31 : -9
289 : #2d1b31 : -8
290 : #2e1b31 : -7
291 : #2e1b31 : -6
292 : #2e1b31 : -5
293 : #2f1b31 : -4
294 : #2f1b31 : -3
295 : #2f1b31 : -2
296 : #301b31 : -1
297 : #301b31 : ±0
298 : #311b31 : +1
299 : #311b31 : +2
300 : #311b31 : +3
301 : #311b31 : +4
302 : #311b31 : +5
303 : #311b30 : +6
304 : #311b30 : +7
305 : #311b2f : +8
306 : #311b2f : +9
307 : #311b2f : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272627 : -28
3 : #272527 : -26
5 : #282428 : -24
7 : #292429 : -22
9 : #29232a : -20
11 : #2a222a : -18
13 : #2b212b : -16
15 : #2b212c : -14
17 : #2c202d : -12
19 : #2d1f2e : -10
21 : #2d1e2e : -8
23 : #2e1d2f : -6
25 : #2f1d30 : -4
27 : #301c31 : -2
29 : #301b31 : ±0
31 : #311a32 : +2
33 : #321a33 : +4
35 : #321934 : +6
37 : #331834 : +8
39 : #341735 : +10
41 : #341736 : +12
43 : #351637 : +14
45 : #361537 : +16
47 : #361438 : +18
49 : #371439 : +20
51 : #38133a : +22
53 : #38123b : +24
55 : #39113b : +26
57 : #3a103c : +28
59 : #3b103d : +30
61 : #3b0f3e : +32
63 : #3c0e3e : +34
65 : #3d0d3f : +36
67 : #3d0d40 : +38
69 : #3e0c41 : +40
71 : #3f0b41 : +42
73 : #3f0a42 : +44
75 : #400a43 : +46
77 : #410944 : +48
79 : #410844 : +50
81 : #420745 : +52
83 : #430746 : +54
85 : #440647 : +56
87 : #440548 : +58
89 : #450448 : +60
91 : #460349 : +62
93 : #46034a : +64
95 : #47024b : +66
97 : #48014b : +68
99 : #48004c : +70
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -14
3 : #0a050a : -12
5 : #100910 : -10
7 : #170d17 : -8
9 : #1d101e : -6
11 : #231424 : -4
13 : #2a182b : -2
15 : #301b31 : ±0
17 : #371f38 : +2
19 : #3d223f : +4
21 : #442645 : +6
23 : #4a2a4c : +8
25 : #502d52 : +10
27 : #573159 : +12
29 : #5d355f : +14
31 : #643866 : +16
33 : #6a3c6d : +18
35 : #713f73 : +20
37 : #77437a : +22
39 : #7d4780 : +24
41 : #844a87 : +26
43 : #8a4e8d : +28
45 : #915194 : +30
47 : #97559b : +32
49 : #9e59a1 : +34
51 : #a35ea6 : +36
53 : #a664aa : +38
55 : #aa6bae : +40
57 : #ae72b1 : +42
59 : #b278b5 : +44
61 : #b67fb8 : +46
63 : #b985bc : +48
65 : #bd8cc0 : +50
67 : #c192c3 : +52
69 : #c599c7 : +54
71 : #c8a0ca : +56
73 : #cca6ce : +58
75 : #d0add2 : +60
77 : #d4b3d5 : +62
79 : #d7bad9 : +64
81 : #dbc0dd : +66
83 : #dfc7e0 : +68
85 : #e3cee4 : +70
87 : #e7d4e7 : +72
89 : #eadbeb : +74
91 : #eee1ef : +76
93 : #f2e8f2 : +78
95 : #f6eff6 : +80
97 : #f9f5fa : +82
99 : #fdfcfd : +84
CSS入門、作ってます。
text-shadow