#22152d
RGB ( 赤 = 34, 緑 = 21, 青 = 45 )
HSL ( 色相 = 273°, 彩度 = 36%, 明度 = 13% )
H : 色相 ( 273° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #2d1615 : -270
13 : #2d1a15 : -260
23 : #2d1e15 : -250
33 : #2d2215 : -240
43 : #2d2615 : -230
53 : #2d2a15 : -220
63 : #2c2d15 : -210
73 : #282d15 : -200
83 : #242d15 : -190
93 : #202d15 : -180
103 : #1c2d15 : -170
113 : #182d15 : -160
123 : #152d16 : -150
133 : #152d1a : -140
143 : #152d1e : -130
153 : #152d22 : -120
163 : #152d26 : -110
173 : #152d2a : -100
183 : #152c2d : -90
193 : #15282d : -80
203 : #15242d : -70
213 : #15202d : -60
223 : #151c2d : -50
233 : #15182d : -40
243 : #16152d : -30
253 : #1a152d : -20
263 : #1e152d : -10
273 : #22152d : ±0
283 : #26152d : +10
293 : #2a152d : +20
303 : #2d152c : +30
313 : #2d1528 : +40
323 : #2d1524 : +50
333 : #2d1520 : +60
343 : #2d151c : +70
353 : #2d1518 : +80
263 : #1e152d : -10
264 : #1f152d : -9
265 : #1f152d : -8
266 : #20152d : -7
267 : #20152d : -6
268 : #20152d : -5
269 : #21152d : -4
270 : #21152d : -3
271 : #22152d : -2
272 : #22152d : -1
273 : #22152d : ±0
274 : #23152d : +1
275 : #23152d : +2
276 : #24152d : +3
277 : #24152d : +4
278 : #24152d : +5
279 : #25152d : +6
280 : #25152d : +7
281 : #26152d : +8
282 : #26152d : +9
283 : #26152d : +10
S : 彩度 ( 36% )
(0%) 渋い ~ 鮮やか (100%)
0 : #212121 : -36
2 : #212022 : -34
4 : #212022 : -32
6 : #211f23 : -30
8 : #211e24 : -28
10 : #211e24 : -26
12 : #221d25 : -24
14 : #221d26 : -22
16 : #221c26 : -20
18 : #221b27 : -18
20 : #221b28 : -16
22 : #221a28 : -14
24 : #221929 : -12
26 : #22192a : -10
28 : #22182a : -8
30 : #22172b : -6
32 : #22172c : -4
34 : #22162c : -2
36 : #22152d : ±0
38 : #22152e : +2
40 : #22142e : +4
42 : #23132f : +6
44 : #231330 : +8
46 : #231230 : +10
48 : #231131 : +12
50 : #231132 : +14
52 : #231032 : +16
54 : #230f33 : +18
56 : #230f34 : +20
58 : #230e34 : +22
60 : #230d35 : +24
62 : #230d36 : +26
64 : #230c36 : +28
66 : #230b37 : +30
68 : #230b38 : +32
70 : #230a38 : +34
72 : #240939 : +36
74 : #24093a : +38
76 : #24083a : +40
78 : #24073b : +42
80 : #24073c : +44
82 : #24063c : +46
84 : #24053d : +48
86 : #24053e : +50
88 : #24043e : +52
90 : #24033f : +54
92 : #240340 : +56
94 : #240240 : +58
96 : #240141 : +60
98 : #240142 : +62
100 : #240042 : +64
L : 明度 ( 13% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -12
3 : #08050a : -10
5 : #0d0811 : -8
7 : #120b18 : -6
9 : #180f1f : -4
11 : #1d1226 : -2
13 : #22152d : ±0
15 : #281834 : +2
17 : #2d1c3b : +4
19 : #321f42 : +6
21 : #372249 : +8
23 : #3d2650 : +10
25 : #422957 : +12
27 : #472c5e : +14
29 : #4d2f65 : +16
31 : #52336c : +18
33 : #573672 : +20
35 : #5c3979 : +22
37 : #623c80 : +24
39 : #674087 : +26
41 : #6c438e : +28
43 : #724695 : +30
45 : #77499c : +32
47 : #7c4da3 : +34
49 : #8150aa : +36
51 : #8755af : +38
53 : #8b5cb2 : +40
55 : #9063b6 : +42
57 : #956ab9 : +44
59 : #9a71bc : +46
61 : #9f78bf : +48
63 : #a47fc3 : +50
65 : #a986c6 : +52
67 : #ae8dc9 : +54
69 : #b393cc : +56
71 : #b89ad0 : +58
73 : #bda1d3 : +60
75 : #c2a8d6 : +62
77 : #c6afd9 : +64
79 : #cbb6dd : +66
81 : #d0bde0 : +68
83 : #d5c4e3 : +70
85 : #dacbe7 : +72
87 : #dfd2ea : +74
89 : #e4d9ed : +76
91 : #e9e0f0 : +78
93 : #eee7f4 : +80
95 : #f3eef7 : +82
97 : #f8f5fa : +84
99 : #fdfcfd : +86
CSS入門、作ってます。
text-shadow