#433d48
RGB ( 赤 = 67, 緑 = 61, 青 = 72 )
HSL ( 色相 = 273°, 彩度 = 8%, 明度 = 26% )
H : 色相 ( 273° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #483e3d : -270
13 : #483f3d : -260
23 : #48413d : -250
33 : #48433d : -240
43 : #48453d : -230
53 : #48463d : -220
63 : #47483d : -210
73 : #45483d : -200
83 : #44483d : -190
93 : #42483d : -180
103 : #40483d : -170
113 : #3e483d : -160
123 : #3d483e : -150
133 : #3d483f : -140
143 : #3d4841 : -130
153 : #3d4843 : -120
163 : #3d4845 : -110
173 : #3d4846 : -100
183 : #3d4748 : -90
193 : #3d4548 : -80
203 : #3d4448 : -70
213 : #3d4248 : -60
223 : #3d4048 : -50
233 : #3d3e48 : -40
243 : #3e3d48 : -30
253 : #3f3d48 : -20
263 : #413d48 : -10
273 : #433d48 : ±0
283 : #453d48 : +10
293 : #463d48 : +20
303 : #483d47 : +30
313 : #483d45 : +40
323 : #483d44 : +50
333 : #483d42 : +60
343 : #483d40 : +70
353 : #483d3e : +80
263 : #413d48 : -10
264 : #413d48 : -9
265 : #413d48 : -8
266 : #423d48 : -7
267 : #423d48 : -6
268 : #423d48 : -5
269 : #423d48 : -4
270 : #423d48 : -3
271 : #423d48 : -2
272 : #433d48 : -1
273 : #433d48 : ±0
274 : #433d48 : +1
275 : #433d48 : +2
276 : #433d48 : +3
277 : #443d48 : +4
278 : #443d48 : +5
279 : #443d48 : +6
280 : #443d48 : +7
281 : #443d48 : +8
282 : #443d48 : +9
283 : #453d48 : +10
S : 彩度 ( 8% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -8
2 : #424144 : -6
4 : #434045 : -4
6 : #433e46 : -2
8 : #433d48 : ±0
10 : #433c49 : +2
12 : #433a4a : +4
14 : #43394c : +6
16 : #43384d : +8
18 : #43364e : +10
20 : #443550 : +12
22 : #443451 : +14
24 : #443252 : +16
26 : #443154 : +18
28 : #443055 : +20
30 : #442e56 : +22
32 : #442d58 : +24
34 : #452c59 : +26
36 : #452a5a : +28
38 : #45295b : +30
40 : #45285d : +32
42 : #45265e : +34
44 : #45255f : +36
46 : #452461 : +38
48 : #452262 : +40
50 : #462163 : +42
52 : #462065 : +44
54 : #461e66 : +46
56 : #461d67 : +48
58 : #461c69 : +50
60 : #461b6a : +52
62 : #46196b : +54
64 : #47186d : +56
66 : #47176e : +58
68 : #47156f : +60
70 : #471471 : +62
72 : #471372 : +64
74 : #471173 : +66
76 : #471075 : +68
78 : #470f76 : +70
80 : #480d77 : +72
82 : #480c79 : +74
84 : #480b7a : +76
86 : #48097b : +78
88 : #48087d : +80
90 : #48077e : +82
92 : #48057f : +84
94 : #490481 : +86
96 : #490382 : +88
98 : #490183 : +90
100 : #490085 : +92
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #050506 : -24
4 : #0a090b : -22
6 : #0f0e11 : -20
8 : #151316 : -18
10 : #1a171c : -16
12 : #1f1c21 : -14
14 : #242127 : -12
16 : #29262c : -10
18 : #2e2a32 : -8
20 : #332f37 : -6
22 : #39343d : -4
24 : #3e3842 : -2
26 : #433d48 : ±0
28 : #48424d : +2
30 : #4d4653 : +4
32 : #524b58 : +6
34 : #57505e : +8
36 : #5d5463 : +10
38 : #625969 : +12
40 : #675e6e : +14
42 : #6c6374 : +16
44 : #716779 : +18
46 : #766c7f : +20
48 : #7b7184 : +22
50 : #81758a : +24
52 : #867b8e : +26
54 : #8b8093 : +28
56 : #908698 : +30
58 : #958b9c : +32
60 : #9a91a1 : +34
62 : #9f96a6 : +36
64 : #a49cab : +38
66 : #a9a1af : +40
68 : #aea7b4 : +42
70 : #b3acb9 : +44
72 : #b8b2bd : +46
74 : #bdb7c2 : +48
76 : #c2bdc7 : +50
78 : #c7c2cb : +52
80 : #ccc8d0 : +54
82 : #d1cdd5 : +56
84 : #d7d3d9 : +58
86 : #dcd8de : +60
88 : #e1dee3 : +62
90 : #e6e3e8 : +64
92 : #ebe9ec : +66
94 : #f0eef1 : +68
96 : #f5f4f6 : +70
98 : #faf9fa : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow