#301d24
RGB ( 赤 = 48, 緑 = 29, 青 = 36 )
HSL ( 色相 = 338°, 彩度 = 25%, 明度 = 15% )
H : 色相 ( 338° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #301f1d : -330
18 : #30221d : -320
28 : #30261d : -310
38 : #30291d : -300
48 : #302c1d : -290
58 : #302f1d : -280
68 : #2d301d : -270
78 : #2a301d : -260
88 : #27301d : -250
98 : #24301d : -240
108 : #21301d : -230
118 : #1d301d : -220
128 : #1d301f : -210
138 : #1d3022 : -200
148 : #1d3026 : -190
158 : #1d3029 : -180
168 : #1d302c : -170
178 : #1d302f : -160
188 : #1d2d30 : -150
198 : #1d2a30 : -140
208 : #1d2730 : -130
218 : #1d2430 : -120
228 : #1d2130 : -110
238 : #1d1d30 : -100
248 : #1f1d30 : -90
258 : #221d30 : -80
268 : #261d30 : -70
278 : #291d30 : -60
288 : #2c1d30 : -50
298 : #2f1d30 : -40
308 : #301d2d : -30
318 : #301d2a : -20
328 : #301d27 : -10
338 : #301d24 : ±0
348 : #301d21 : +10
358 : #301d1d : +20
328 : #301d27 : -10
329 : #301d27 : -9
330 : #301d26 : -8
331 : #301d26 : -7
332 : #301d26 : -6
333 : #301d25 : -5
334 : #301d25 : -4
335 : #301d25 : -3
336 : #301d24 : -2
337 : #301d24 : -1
338 : #301d24 : ±0
339 : #301d23 : +1
340 : #301d23 : +2
341 : #301d23 : +3
342 : #301d22 : +4
343 : #301d22 : +5
344 : #301d22 : +6
345 : #301d21 : +7
346 : #301d21 : +8
347 : #301d21 : +9
348 : #301d21 : +10
S : 彩度 ( 25% )
(0%) 渋い ~ 鮮やか (100%)
1 : #272626 : -24
3 : #272526 : -22
5 : #282426 : -20
7 : #292426 : -18
9 : #2a2325 : -16
11 : #2a2225 : -14
13 : #2b2125 : -12
15 : #2c2125 : -10
17 : #2d2025 : -8
19 : #2e1f24 : -6
21 : #2e1e24 : -4
23 : #2f1d24 : -2
25 : #301d24 : ±0
27 : #311c23 : +2
29 : #311b23 : +4
31 : #321a23 : +6
33 : #331a23 : +8
35 : #341923 : +10
37 : #341822 : +12
39 : #351722 : +14
41 : #361722 : +16
43 : #371622 : +18
45 : #371522 : +20
47 : #381421 : +22
49 : #391421 : +24
51 : #3a1321 : +26
53 : #3b1221 : +28
55 : #3b1121 : +30
57 : #3c1020 : +32
59 : #3d1020 : +34
61 : #3e0f20 : +36
63 : #3e0e20 : +38
65 : #3f0d20 : +40
67 : #400d1f : +42
69 : #410c1f : +44
71 : #410b1f : +46
73 : #420a1f : +48
75 : #430a1f : +50
77 : #44091e : +52
79 : #44081e : +54
81 : #45071e : +56
83 : #46071e : +58
85 : #47061e : +60
87 : #48051d : +62
89 : #48041d : +64
91 : #49031d : +66
93 : #4a031d : +68
95 : #4b021d : +70
97 : #4b011c : +72
99 : #4c001c : +74
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -14
3 : #0a0607 : -12
5 : #100a0c : -10
7 : #160d11 : -8
9 : #1d1115 : -6
11 : #23151a : -4
13 : #29191f : -2
15 : #301d24 : ±0
17 : #362128 : +2
19 : #3d242d : +4
21 : #432832 : +6
23 : #492c37 : +8
25 : #50303c : +10
27 : #563440 : +12
29 : #5c3745 : +14
31 : #633b4a : +16
33 : #693f4f : +18
35 : #704353 : +20
37 : #764758 : +22
39 : #7c4b5d : +24
41 : #834e62 : +26
43 : #895266 : +28
45 : #8f566b : +30
47 : #965a70 : +32
49 : #9c5e75 : +34
51 : #a1637a : +36
53 : #a5697f : +38
55 : #a97085 : +40
57 : #ad768a : +42
59 : #b17c8f : +44
61 : #b48395 : +46
63 : #b8899a : +48
65 : #bc8fa0 : +50
67 : #c096a5 : +52
69 : #c49cab : +54
71 : #c8a3b0 : +56
73 : #cba9b6 : +58
75 : #cfafbb : +60
77 : #d3b6c0 : +62
79 : #d7bcc6 : +64
81 : #dbc2cb : +66
83 : #dec9d1 : +68
85 : #e2cfd6 : +70
87 : #e6d6dc : +72
89 : #eadce1 : +74
91 : #eee2e7 : +76
93 : #f2e9ec : +78
95 : #f5eff1 : +80
97 : #f9f5f7 : +82
99 : #fdfcfc : +84
CSS入門、作ってます。
text-shadow