#2f245c
RGB ( 赤 = 47, 緑 = 36, 青 = 92 )
HSL ( 色相 = 252°, 彩度 = 44%, 明度 = 25% )
H : 色相 ( 252° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #5c2624 : -250
12 : #5c2f24 : -240
22 : #5c3824 : -230
32 : #5c4224 : -220
42 : #5c4b24 : -210
52 : #5c5424 : -200
62 : #5a5c24 : -190
72 : #515c24 : -180
82 : #475c24 : -170
92 : #3e5c24 : -160
102 : #355c24 : -150
112 : #2b5c24 : -140
122 : #245c26 : -130
132 : #245c2f : -120
142 : #245c38 : -110
152 : #245c42 : -100
162 : #245c4b : -90
172 : #245c54 : -80
182 : #245a5c : -70
192 : #24515c : -60
202 : #24475c : -50
212 : #243e5c : -40
222 : #24355c : -30
232 : #242b5c : -20
242 : #26245c : -10
252 : #2f245c : ±0
262 : #38245c : +10
272 : #42245c : +20
282 : #4b245c : +30
292 : #54245c : +40
302 : #5c245a : +50
312 : #5c2451 : +60
322 : #5c2447 : +70
332 : #5c243e : +80
342 : #5c2435 : +90
352 : #5c242b : +100
242 : #26245c : -10
243 : #27245c : -9
244 : #27245c : -8
245 : #28245c : -7
246 : #29245c : -6
247 : #2a245c : -5
248 : #2b245c : -4
249 : #2c245c : -3
250 : #2d245c : -2
251 : #2e245c : -1
252 : #2f245c : ±0
253 : #30245c : +1
254 : #31245c : +2
255 : #32245c : +3
256 : #33245c : +4
257 : #34245c : +5
258 : #35245c : +6
259 : #35245c : +7
260 : #36245c : +8
261 : #37245c : +9
262 : #38245c : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -44
2 : #3f3e41 : -42
4 : #3e3d42 : -40
6 : #3d3c44 : -38
8 : #3d3b45 : -36
10 : #3c3946 : -34
12 : #3b3847 : -32
14 : #3a3749 : -30
16 : #3a364a : -28
18 : #39344b : -26
20 : #38334d : -24
22 : #37324e : -22
24 : #37304f : -20
26 : #362f50 : -18
28 : #352e52 : -16
30 : #342d53 : -14
32 : #342b54 : -12
34 : #332a55 : -10
36 : #322957 : -8
38 : #312858 : -6
40 : #302659 : -4
42 : #30255b : -2
44 : #2f245c : ±0
46 : #2e225d : +2
48 : #2d215e : +4
50 : #2d2060 : +6
52 : #2c1f61 : +8
54 : #2b1d62 : +10
56 : #2a1c63 : +12
58 : #2a1b65 : +14
60 : #291a66 : +16
62 : #281867 : +18
64 : #271769 : +20
66 : #27166a : +22
68 : #26146b : +24
70 : #25136c : +26
72 : #24126e : +28
74 : #23116f : +30
76 : #230f70 : +32
78 : #220e71 : +34
80 : #210d73 : +36
82 : #200b74 : +38
84 : #200a75 : +40
86 : #1f0977 : +42
88 : #1e0878 : +44
90 : #1d0679 : +46
92 : #1d057a : +48
94 : #1c047c : +50
96 : #1b037d : +52
98 : #1a017e : +54
100 : #1a0080 : +56
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020104 : -24
3 : #06040b : -22
5 : #090712 : -20
7 : #0d0a1a : -18
9 : #110d21 : -16
11 : #151028 : -14
13 : #181330 : -12
15 : #1c1537 : -10
17 : #20183e : -8
19 : #241b46 : -6
21 : #271e4d : -4
23 : #2b2154 : -2
25 : #2f245c : ±0
27 : #332763 : +2
29 : #36296a : +4
31 : #3a2c72 : +6
33 : #3e2f79 : +8
35 : #423281 : +10
37 : #453588 : +12
39 : #49388f : +14
41 : #4d3b97 : +16
43 : #513d9e : +18
45 : #5440a5 : +20
47 : #5843ad : +22
49 : #5c46b4 : +24
51 : #614bb9 : +26
53 : #6852bc : +28
55 : #6e5abf : +30
57 : #7461c2 : +32
59 : #7b68c4 : +34
61 : #8170c7 : +36
63 : #8877ca : +38
65 : #8e7ecd : +40
67 : #9586d0 : +42
69 : #9b8dd3 : +44
71 : #a295d6 : +46
73 : #a89cd8 : +48
75 : #aea3db : +50
77 : #b5abde : +52
79 : #bbb2e1 : +54
81 : #c2b9e4 : +56
83 : #c8c1e7 : +58
85 : #cfc8ea : +60
87 : #d5cfec : +62
89 : #dcd7ef : +64
91 : #e2def2 : +66
93 : #e8e5f5 : +68
95 : #efedf8 : +70
97 : #f5f4fb : +72
99 : #fcfbfe : +74
CSS入門、作ってます。
text-shadow