#302f50
RGB ( 赤 = 48, 緑 = 47, 青 = 80 )
HSL ( 色相 = 242°, 彩度 = 26%, 明度 = 25% )
H : 色相 ( 242° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #50302f : -240
12 : #50362f : -230
22 : #503b2f : -220
32 : #50412f : -210
42 : #50462f : -200
52 : #504c2f : -190
62 : #4f502f : -180
72 : #4a502f : -170
82 : #44502f : -160
92 : #3f502f : -150
102 : #39502f : -140
112 : #34502f : -130
122 : #2f5030 : -120
132 : #2f5036 : -110
142 : #2f503b : -100
152 : #2f5041 : -90
162 : #2f5046 : -80
172 : #2f504c : -70
182 : #2f4f50 : -60
192 : #2f4a50 : -50
202 : #2f4450 : -40
212 : #2f3f50 : -30
222 : #2f3950 : -20
232 : #2f3450 : -10
242 : #302f50 : ±0
252 : #362f50 : +10
262 : #3b2f50 : +20
272 : #412f50 : +30
282 : #462f50 : +40
292 : #4c2f50 : +50
302 : #502f4f : +60
312 : #502f4a : +70
322 : #502f44 : +80
332 : #502f3f : +90
342 : #502f39 : +100
352 : #502f34 : +110
232 : #2f3450 : -10
233 : #2f3350 : -9
234 : #2f3250 : -8
235 : #2f3250 : -7
236 : #2f3150 : -6
237 : #2f3150 : -5
238 : #2f3050 : -4
239 : #2f3050 : -3
240 : #2f2f50 : -2
241 : #302f50 : -1
242 : #302f50 : ±0
243 : #312f50 : +1
244 : #312f50 : +2
245 : #322f50 : +3
246 : #322f50 : +4
247 : #332f50 : +5
248 : #342f50 : +6
249 : #342f50 : +7
250 : #352f50 : +8
251 : #352f50 : +9
252 : #362f50 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -26
2 : #3f3e41 : -24
4 : #3d3d42 : -22
6 : #3c3c44 : -20
8 : #3b3b45 : -18
10 : #3a3946 : -16
12 : #393847 : -14
14 : #373749 : -12
16 : #36364a : -10
18 : #35344b : -8
20 : #34334d : -6
22 : #33324e : -4
24 : #31304f : -2
26 : #302f50 : ±0
28 : #2f2e52 : +2
30 : #2e2d53 : +4
32 : #2d2b54 : +6
34 : #2c2a55 : +8
36 : #2a2957 : +10
38 : #292858 : +12
40 : #282659 : +14
42 : #27255b : +16
44 : #26245c : +18
46 : #24225d : +20
48 : #23215e : +22
50 : #222060 : +24
52 : #211f61 : +26
54 : #201d62 : +28
56 : #1e1c63 : +30
58 : #1d1b65 : +32
60 : #1c1a66 : +34
62 : #1b1867 : +36
64 : #1a1769 : +38
66 : #18166a : +40
68 : #17146b : +42
70 : #16136c : +44
72 : #15126e : +46
74 : #14116f : +48
76 : #130f70 : +50
78 : #110e71 : +52
80 : #100d73 : +54
82 : #0f0b74 : +56
84 : #0e0a75 : +58
86 : #0d0977 : +60
88 : #0b0878 : +62
90 : #0a0679 : +64
92 : #09057a : +66
94 : #08047c : +68
96 : #07037d : +70
98 : #05017e : +72
100 : #040080 : +74
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -24
3 : #06060a : -22
5 : #0a0910 : -20
7 : #0e0d16 : -18
9 : #11111d : -16
11 : #151523 : -14
13 : #19192a : -12
15 : #1d1c30 : -10
17 : #212037 : -8
19 : #25243d : -6
21 : #292843 : -4
23 : #2c2b4a : -2
25 : #302f50 : ±0
27 : #343357 : +2
29 : #38375d : +4
31 : #3c3a64 : +6
33 : #403e6a : +8
35 : #444270 : +10
37 : #474677 : +12
39 : #4b4a7d : +14
41 : #4f4d84 : +16
43 : #53518a : +18
45 : #575591 : +20
47 : #5b5997 : +22
49 : #5f5c9d : +24
51 : #6462a3 : +26
53 : #6a68a6 : +28
55 : #706eaa : +30
57 : #7775ae : +32
59 : #7d7bb2 : +34
61 : #8382b5 : +36
63 : #8a88b9 : +38
65 : #908fbd : +40
67 : #9695c1 : +42
69 : #9d9bc5 : +44
71 : #a3a2c8 : +46
73 : #a9a8cc : +48
75 : #b0afd0 : +50
77 : #b6b5d4 : +52
79 : #bcbcd7 : +54
81 : #c3c2db : +56
83 : #c9c8df : +58
85 : #cfcfe3 : +60
87 : #d6d5e6 : +62
89 : #dcdcea : +64
91 : #e2e2ee : +66
93 : #e9e9f2 : +68
95 : #efeff6 : +70
97 : #f5f5f9 : +72
99 : #fcfcfd : +74
CSS入門、作ってます。
text-shadow