#301d30
RGB ( 赤 = 48, 緑 = 29, 青 = 48 )
HSL ( 色相 = 300°, 彩度 = 25%, 明度 = 15% )
H : 色相 ( 300° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #301d1d : -300
10 : #30201d : -290
20 : #30231d : -280
30 : #30261d : -270
40 : #30291d : -260
50 : #302d1d : -250
60 : #30301d : -240
70 : #2d301d : -230
80 : #29301d : -220
90 : #26301d : -210
100 : #23301d : -200
110 : #20301d : -190
120 : #1d301d : -180
130 : #1d3020 : -170
140 : #1d3023 : -160
150 : #1d3026 : -150
160 : #1d3029 : -140
170 : #1d302d : -130
180 : #1d3030 : -120
190 : #1d2d30 : -110
200 : #1d2930 : -100
210 : #1d2630 : -90
220 : #1d2330 : -80
230 : #1d2030 : -70
240 : #1d1d30 : -60
250 : #201d30 : -50
260 : #231d30 : -40
270 : #261d30 : -30
280 : #291d30 : -20
290 : #2d1d30 : -10
300 : #301d30 : ±0
310 : #301d2d : +10
320 : #301d29 : +20
330 : #301d26 : +30
340 : #301d23 : +40
350 : #301d20 : +50
290 : #2d1d30 : -10
291 : #2d1d30 : -9
292 : #2d1d30 : -8
293 : #2e1d30 : -7
294 : #2e1d30 : -6
295 : #2e1d30 : -5
296 : #2f1d30 : -4
297 : #2f1d30 : -3
298 : #2f1d30 : -2
299 : #2f1d30 : -1
300 : #301d30 : ±0
301 : #301d2f : +1
302 : #301d2f : +2
303 : #301d2f : +3
304 : #301d2f : +4
305 : #301d2e : +5
306 : #301d2e : +6
307 : #301d2e : +7
308 : #301d2d : +8
309 : #301d2d : +9
310 : #301d2d : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272627 : -24
3 : #272527 : -22
5 : #282428 : -20
7 : #292429 : -18
9 : #2a232a : -16
11 : #2a222a : -14
13 : #2b212b : -12
15 : #2c212c : -10
17 : #2d202d : -8
19 : #2e1f2e : -6
21 : #2e1e2e : -4
23 : #2f1d2f : -2
25 : #301d30 : ±0
27 : #311c31 : +2
29 : #311b31 : +4
31 : #321a32 : +6
33 : #331a33 : +8
35 : #341934 : +10
37 : #341834 : +12
39 : #351735 : +14
41 : #361736 : +16
43 : #371637 : +18
45 : #371537 : +20
47 : #381438 : +22
49 : #391439 : +24
51 : #3a133a : +26
53 : #3b123b : +28
55 : #3b113b : +30
57 : #3c103c : +32
59 : #3d103d : +34
61 : #3e0f3e : +36
63 : #3e0e3e : +38
65 : #3f0d3f : +40
67 : #400d40 : +42
69 : #410c41 : +44
71 : #410b41 : +46
73 : #420a42 : +48
75 : #430a43 : +50
77 : #440944 : +52
79 : #440844 : +54
81 : #450745 : +56
83 : #460746 : +58
85 : #470647 : +60
87 : #480548 : +62
89 : #480448 : +64
91 : #490349 : +66
93 : #4a034a : +68
95 : #4b024b : +70
97 : #4b014b : +72
99 : #4c004c : +74
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -14
3 : #0a060a : -12
5 : #100a10 : -10
7 : #160d16 : -8
9 : #1d111d : -6
11 : #231523 : -4
13 : #291929 : -2
15 : #301d30 : ±0
17 : #362136 : +2
19 : #3d243d : +4
21 : #432843 : +6
23 : #492c49 : +8
25 : #503050 : +10
27 : #563456 : +12
29 : #5c375c : +14
31 : #633b63 : +16
33 : #693f69 : +18
35 : #704370 : +20
37 : #764776 : +22
39 : #7c4b7c : +24
41 : #834e83 : +26
43 : #895289 : +28
45 : #8f568f : +30
47 : #965a96 : +32
49 : #9c5e9c : +34
51 : #a163a1 : +36
53 : #a569a5 : +38
55 : #a970a9 : +40
57 : #ad76ad : +42
59 : #b17cb1 : +44
61 : #b483b4 : +46
63 : #b889b8 : +48
65 : #bc8fbc : +50
67 : #c096c0 : +52
69 : #c49cc4 : +54
71 : #c8a3c8 : +56
73 : #cba9cb : +58
75 : #cfafcf : +60
77 : #d3b6d3 : +62
79 : #d7bcd7 : +64
81 : #dbc2db : +66
83 : #dec9de : +68
85 : #e2cfe2 : +70
87 : #e6d6e6 : +72
89 : #eadcea : +74
91 : #eee2ee : +76
93 : #f2e9f2 : +78
95 : #f5eff5 : +80
97 : #f9f5f9 : +82
99 : #fdfcfd : +84
CSS入門、作ってます。
text-shadow