#30032f
RGB ( 赤 = 48, 緑 = 3, 青 = 47 )
HSL ( 色相 = 301°, 彩度 = 88%, 明度 = 10% )
H : 色相 ( 301° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #300403 : -300
11 : #300b03 : -290
21 : #301303 : -280
31 : #301a03 : -270
41 : #302203 : -260
51 : #302903 : -250
61 : #2f3003 : -240
71 : #283003 : -230
81 : #203003 : -220
91 : #193003 : -210
101 : #113003 : -200
111 : #0a3003 : -190
121 : #033004 : -180
131 : #03300b : -170
141 : #033013 : -160
151 : #03301a : -150
161 : #033022 : -140
171 : #033029 : -130
181 : #032f30 : -120
191 : #032830 : -110
201 : #032030 : -100
211 : #031930 : -90
221 : #031130 : -80
231 : #030a30 : -70
241 : #040330 : -60
251 : #0b0330 : -50
261 : #130330 : -40
271 : #1a0330 : -30
281 : #220330 : -20
291 : #290330 : -10
301 : #30032f : ±0
311 : #300328 : +10
321 : #300320 : +20
331 : #300319 : +30
341 : #300311 : +40
351 : #30030a : +50
291 : #290330 : -10
292 : #2a0330 : -9
293 : #2b0330 : -8
294 : #2b0330 : -7
295 : #2c0330 : -6
296 : #2d0330 : -5
297 : #2e0330 : -4
298 : #2e0330 : -3
299 : #2f0330 : -2
300 : #300330 : -1
301 : #30032f : ±0
302 : #30032e : +1
303 : #30032e : +2
304 : #30032d : +3
305 : #30032c : +4
306 : #30032b : +5
307 : #30032b : +6
308 : #30032a : +7
309 : #300329 : +8
310 : #300328 : +9
311 : #300328 : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #191919 : -88
2 : #1a191a : -86
4 : #1b181a : -84
6 : #1b181b : -82
8 : #1c171b : -80
10 : #1c171c : -78
12 : #1d161c : -76
14 : #1d161d : -74
16 : #1e151d : -72
18 : #1e151e : -70
20 : #1f141e : -68
22 : #1f141f : -66
24 : #20131f : -64
26 : #201320 : -62
28 : #211220 : -60
30 : #211221 : -58
32 : #221121 : -56
34 : #221122 : -54
36 : #231022 : -52
38 : #231023 : -50
40 : #240f23 : -48
42 : #240f24 : -46
44 : #250e24 : -44
46 : #250e25 : -42
48 : #260d25 : -40
50 : #260d26 : -38
52 : #270c26 : -36
54 : #270c27 : -34
56 : #280b27 : -32
58 : #280b28 : -30
60 : #290a28 : -28
62 : #290a29 : -26
64 : #2a0929 : -24
66 : #2a092a : -22
68 : #2b082a : -20
70 : #2b082b : -18
72 : #2c072b : -16
74 : #2c072c : -14
76 : #2d062c : -12
78 : #2d062d : -10
80 : #2e052d : -8
82 : #2e052e : -6
84 : #2f042e : -4
86 : #2f042f : -2
88 : #30032f : ±0
90 : #300330 : +2
92 : #310230 : +4
94 : #310231 : +6
96 : #320131 : +8
98 : #320132 : +10
100 : #330032 : +12
L : 明度 ( 10% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -10
2 : #0a0109 : -8
4 : #130113 : -6
6 : #1d021c : -4
8 : #260226 : -2
10 : #30032f : ±0
12 : #3a0439 : +2
14 : #430442 : +4
16 : #4d054c : +6
18 : #560655 : +8
20 : #60065e : +10
22 : #690768 : +12
24 : #730771 : +14
26 : #7d087b : +16
28 : #860984 : +18
30 : #90098e : +20
32 : #990a97 : +22
34 : #a30aa0 : +24
36 : #ad0baa : +26
38 : #b60cb3 : +28
40 : #c00cbd : +30
42 : #c90dc6 : +32
44 : #d30dd0 : +34
46 : #dd0ed9 : +36
48 : #e60fe3 : +38
50 : #f00fec : +40
52 : #f019ed : +42
54 : #f122ed : +44
56 : #f22cee : +46
58 : #f236ef : +48
60 : #f33ff0 : +50
62 : #f349f1 : +52
64 : #f452f1 : +54
66 : #f55cf2 : +56
68 : #f566f3 : +58
70 : #f66ff4 : +60
72 : #f679f4 : +62
74 : #f782f5 : +64
76 : #f88cf6 : +66
78 : #f896f7 : +68
80 : #f99ff7 : +70
82 : #f9a9f8 : +72
84 : #fab2f9 : +74
86 : #fbbcfa : +76
88 : #fbc5fa : +78
90 : #fccffb : +80
92 : #fdd9fc : +82
94 : #fde2fd : +84
96 : #feecfd : +86
98 : #fef5fe : +88
100 : #ffffff : +90
CSS入門、作ってます。
text-shadow