#03302a
RGB ( 赤 = 3, 緑 = 48, 青 = 42 )
HSL ( 色相 = 172°, 彩度 = 88%, 明度 = 10% )
H : 色相 ( 172° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #300503 : -170
12 : #300c03 : -160
22 : #301403 : -150
32 : #301b03 : -140
42 : #302203 : -130
52 : #302a03 : -120
62 : #2e3003 : -110
72 : #273003 : -100
82 : #1f3003 : -90
92 : #183003 : -80
102 : #113003 : -70
112 : #093003 : -60
122 : #033005 : -50
132 : #03300c : -40
142 : #033014 : -30
152 : #03301b : -20
162 : #033022 : -10
172 : #03302a : ±0
182 : #032e30 : +10
192 : #032730 : +20
202 : #031f30 : +30
212 : #031830 : +40
222 : #031130 : +50
232 : #030930 : +60
242 : #050330 : +70
252 : #0c0330 : +80
262 : #140330 : +90
272 : #1b0330 : +100
282 : #220330 : +110
292 : #2a0330 : +120
302 : #30032e : +130
312 : #300327 : +140
322 : #30031f : +150
332 : #300318 : +160
342 : #300311 : +170
352 : #300309 : +180
162 : #033022 : -10
163 : #033023 : -9
164 : #033024 : -8
165 : #033025 : -7
166 : #033025 : -6
167 : #033026 : -5
168 : #033027 : -4
169 : #033028 : -3
170 : #033028 : -2
171 : #033029 : -1
172 : #03302a : ±0
173 : #03302b : +1
174 : #03302b : +2
175 : #03302c : +3
176 : #03302d : +4
177 : #03302e : +5
178 : #03302e : +6
179 : #03302f : +7
180 : #033030 : +8
181 : #032f30 : +9
182 : #032e30 : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #191919 : -88
2 : #191a1a : -86
4 : #181b1a : -84
6 : #181b1b : -82
8 : #171c1b : -80
10 : #171c1b : -78
12 : #161d1c : -76
14 : #161d1c : -74
16 : #151e1c : -72
18 : #151e1d : -70
20 : #141f1d : -68
22 : #141f1e : -66
24 : #13201e : -64
26 : #13201e : -62
28 : #12211f : -60
30 : #12211f : -58
32 : #11221f : -56
34 : #112220 : -54
36 : #102320 : -52
38 : #102321 : -50
40 : #0f2421 : -48
42 : #0f2421 : -46
44 : #0e2522 : -44
46 : #0e2522 : -42
48 : #0d2622 : -40
50 : #0d2623 : -38
52 : #0c2723 : -36
54 : #0c2724 : -34
56 : #0b2824 : -32
58 : #0b2824 : -30
60 : #0a2925 : -28
62 : #0a2925 : -26
64 : #092a25 : -24
66 : #092a26 : -22
68 : #082b26 : -20
70 : #082b27 : -18
72 : #072c27 : -16
74 : #072c27 : -14
76 : #062d28 : -12
78 : #062d28 : -10
80 : #052e28 : -8
82 : #052e29 : -6
84 : #042f29 : -4
86 : #042f2a : -2
88 : #03302a : ±0
90 : #03302a : +2
92 : #02312b : +4
94 : #02312b : +6
96 : #01322b : +8
98 : #01322c : +10
100 : #00332c : +12
L : 明度 ( 10% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -10
2 : #010a08 : -8
4 : #011311 : -6
6 : #021d19 : -4
8 : #022622 : -2
10 : #03302a : ±0
12 : #043a32 : +2
14 : #04433b : +4
16 : #054d43 : +6
18 : #06564c : +8
20 : #066054 : +10
22 : #07695c : +12
24 : #077365 : +14
26 : #087d6d : +16
28 : #098675 : +18
30 : #09907e : +20
32 : #0a9986 : +22
34 : #0aa38f : +24
36 : #0bad97 : +26
38 : #0cb69f : +28
40 : #0cc0a8 : +30
42 : #0dc9b0 : +32
44 : #0dd3b9 : +34
46 : #0eddc1 : +36
48 : #0fe6c9 : +38
50 : #0ff0d2 : +40
52 : #19f0d4 : +42
54 : #22f1d5 : +44
56 : #2cf2d7 : +46
58 : #36f2d9 : +48
60 : #3ff3db : +50
62 : #49f3dd : +52
64 : #52f4de : +54
66 : #5cf5e0 : +56
68 : #66f5e2 : +58
70 : #6ff6e4 : +60
72 : #79f6e6 : +62
74 : #82f7e7 : +64
76 : #8cf8e9 : +66
78 : #96f8eb : +68
80 : #9ff9ed : +70
82 : #a9f9ef : +72
84 : #b2faf1 : +74
86 : #bcfbf2 : +76
88 : #c5fbf4 : +78
90 : #cffcf6 : +80
92 : #d9fdf8 : +82
94 : #e2fdfa : +84
96 : #ecfefb : +86
98 : #f5fefd : +88
100 : #ffffff : +90
CSS入門、作ってます。
text-shadow