#431b46
RGB ( 赤 = 67, 緑 = 27, 青 = 70 )
HSL ( 色相 = 296°, 彩度 = 44%, 明度 = 19% )
H : 色相 ( 296° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #461f1b : -290
16 : #46271b : -280
26 : #462e1b : -270
36 : #46351b : -260
46 : #463c1b : -250
56 : #46431b : -240
66 : #42461b : -230
76 : #3a461b : -220
86 : #33461b : -210
96 : #2c461b : -200
106 : #25461b : -190
116 : #1e461b : -180
126 : #1b461f : -170
136 : #1b4627 : -160
146 : #1b462e : -150
156 : #1b4635 : -140
166 : #1b463c : -130
176 : #1b4643 : -120
186 : #1b4246 : -110
196 : #1b3a46 : -100
206 : #1b3346 : -90
216 : #1b2c46 : -80
226 : #1b2546 : -70
236 : #1b1e46 : -60
246 : #1f1b46 : -50
256 : #271b46 : -40
266 : #2e1b46 : -30
276 : #351b46 : -20
286 : #3c1b46 : -10
296 : #431b46 : ±0
306 : #461b42 : +10
316 : #461b3a : +20
326 : #461b33 : +30
336 : #461b2c : +40
346 : #461b25 : +50
356 : #461b1e : +60
286 : #3c1b46 : -10
287 : #3d1b46 : -9
288 : #3d1b46 : -8
289 : #3e1b46 : -7
290 : #3f1b46 : -6
291 : #3f1b46 : -5
292 : #401b46 : -4
293 : #411b46 : -3
294 : #421b46 : -2
295 : #421b46 : -1
296 : #431b46 : ±0
297 : #441b46 : +1
298 : #441b46 : +2
299 : #451b46 : +3
300 : #461b46 : +4
301 : #461b45 : +5
302 : #461b44 : +6
303 : #461b44 : +7
304 : #461b43 : +8
305 : #461b42 : +9
306 : #461b42 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -44
2 : #312f31 : -42
4 : #322f32 : -40
6 : #332e33 : -38
8 : #342d34 : -36
10 : #352c35 : -34
12 : #352b36 : -32
14 : #362a37 : -30
16 : #372938 : -28
18 : #382839 : -26
20 : #39273a : -24
22 : #3a263b : -22
24 : #3b253c : -20
26 : #3b243d : -18
28 : #3c233e : -16
30 : #3d223f : -14
32 : #3e2140 : -12
34 : #3f2041 : -10
36 : #401f42 : -8
38 : #401e43 : -6
40 : #411d44 : -4
42 : #421c45 : -2
44 : #431b46 : ±0
46 : #441a47 : +2
48 : #451948 : +4
50 : #451849 : +6
52 : #46174a : +8
54 : #47164b : +10
56 : #48154c : +12
58 : #49144d : +14
60 : #4a134e : +16
62 : #4a124e : +18
64 : #4b114f : +20
66 : #4c1050 : +22
68 : #4d1051 : +24
70 : #4e0f52 : +26
72 : #4f0e53 : +28
74 : #500d54 : +30
76 : #500c55 : +32
78 : #510b56 : +34
80 : #520a57 : +36
82 : #530958 : +38
84 : #540859 : +40
86 : #55075a : +42
88 : #55065b : +44
90 : #56055c : +46
92 : #57045d : +48
94 : #58035e : +50
96 : #59025f : +52
98 : #5a0160 : +54
100 : #5a0061 : +56
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -18
3 : #0b040b : -16
5 : #120712 : -14
7 : #190a1a : -12
9 : #200d21 : -10
11 : #271028 : -8
13 : #2e1330 : -6
15 : #351537 : -4
17 : #3c183e : -2
19 : #431b46 : ±0
21 : #4a1e4d : +2
23 : #512154 : +4
25 : #58245c : +6
27 : #5f2763 : +8
29 : #66296a : +10
31 : #6d2c72 : +12
33 : #742f79 : +14
35 : #7b3281 : +16
37 : #823588 : +18
39 : #89388f : +20
41 : #903b97 : +22
43 : #973d9e : +24
45 : #9f40a5 : +26
47 : #a643ad : +28
49 : #ad46b4 : +30
51 : #b24bb9 : +32
53 : #b552bc : +34
55 : #b85abf : +36
57 : #bb61c2 : +38
59 : #be68c4 : +40
61 : #c170c7 : +42
63 : #c577ca : +44
65 : #c87ecd : +46
67 : #cb86d0 : +48
69 : #ce8dd3 : +50
71 : #d195d6 : +52
73 : #d49cd8 : +54
75 : #d8a3db : +56
77 : #dbabde : +58
79 : #deb2e1 : +60
81 : #e1b9e4 : +62
83 : #e4c1e7 : +64
85 : #e7c8ea : +66
87 : #eacfec : +68
89 : #eed7ef : +70
91 : #f1def2 : +72
93 : #f4e5f5 : +74
95 : #f7edf8 : +76
97 : #faf4fb : +78
99 : #fdfbfe : +80
CSS入門、作ってます。
text-shadow