#212a40
RGB ( 赤 = 33, 緑 = 42, 青 = 64 )
HSL ( 色相 = 223°, 彩度 = 32%, 明度 = 19% )
H : 色相 ( 223° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #402221 : -220
13 : #402821 : -210
23 : #402d21 : -200
33 : #403221 : -190
43 : #403721 : -180
53 : #403c21 : -170
63 : #3e4021 : -160
73 : #394021 : -150
83 : #344021 : -140
93 : #2f4021 : -130
103 : #2a4021 : -120
113 : #254021 : -110
123 : #214022 : -100
133 : #214028 : -90
143 : #21402d : -80
153 : #214032 : -70
163 : #214037 : -60
173 : #21403c : -50
183 : #213e40 : -40
193 : #213940 : -30
203 : #213440 : -20
213 : #212f40 : -10
223 : #212a40 : ±0
233 : #212540 : +10
243 : #222140 : +20
253 : #282140 : +30
263 : #2d2140 : +40
273 : #322140 : +50
283 : #372140 : +60
293 : #3c2140 : +70
303 : #40213e : +80
313 : #402139 : +90
323 : #402134 : +100
333 : #40212f : +110
343 : #40212a : +120
353 : #402125 : +130
213 : #212f40 : -10
214 : #212e40 : -9
215 : #212e40 : -8
216 : #212d40 : -7
217 : #212d40 : -6
218 : #212c40 : -5
219 : #212c40 : -4
220 : #212b40 : -3
221 : #212b40 : -2
222 : #212a40 : -1
223 : #212a40 : ±0
224 : #212940 : +1
225 : #212940 : +2
226 : #212840 : +3
227 : #212840 : +4
228 : #212740 : +5
229 : #212740 : +6
230 : #212640 : +7
231 : #212640 : +8
232 : #212540 : +9
233 : #212540 : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -32
2 : #2f3031 : -30
4 : #2f3032 : -28
6 : #2e2f33 : -26
8 : #2d2f34 : -24
10 : #2c2e35 : -22
12 : #2b2e36 : -20
14 : #2a2e37 : -18
16 : #292d38 : -16
18 : #282d39 : -14
20 : #272c3a : -12
22 : #262c3b : -10
24 : #252b3c : -8
26 : #242b3d : -6
28 : #232b3e : -4
30 : #222a3f : -2
32 : #212a40 : ±0
34 : #202941 : +2
36 : #1f2942 : +4
38 : #1e2843 : +6
40 : #1d2844 : +8
42 : #1c2845 : +10
44 : #1b2746 : +12
46 : #1a2747 : +14
48 : #192648 : +16
50 : #182649 : +18
52 : #17264a : +20
54 : #16254b : +22
56 : #15254c : +24
58 : #14244d : +26
60 : #13244e : +28
62 : #12234e : +30
64 : #11234f : +32
66 : #102350 : +34
68 : #102251 : +36
70 : #0f2252 : +38
72 : #0e2153 : +40
74 : #0d2154 : +42
76 : #0c2055 : +44
78 : #0b2056 : +46
80 : #0a2057 : +48
82 : #091f58 : +50
84 : #081f59 : +52
86 : #071e5a : +54
88 : #061e5b : +56
90 : #051e5c : +58
92 : #041d5d : +60
94 : #031d5e : +62
96 : #021c5f : +64
98 : #011c60 : +66
100 : #001b61 : +68
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -18
3 : #05070a : -16
5 : #090b11 : -14
7 : #0c0f18 : -12
9 : #10141e : -10
11 : #131825 : -8
13 : #171d2c : -6
15 : #1a2132 : -4
17 : #1d2539 : -2
19 : #212a40 : ±0
21 : #242e47 : +2
23 : #28334d : +4
25 : #2b3754 : +6
27 : #2f3b5b : +8
29 : #324062 : +10
31 : #364468 : +12
33 : #39486f : +14
35 : #3d4d76 : +16
37 : #40517d : +18
39 : #445683 : +20
41 : #475a8a : +22
43 : #4b5e91 : +24
45 : #4e6397 : +26
47 : #51679e : +28
49 : #556ca5 : +30
51 : #5a71aa : +32
53 : #6177ae : +34
55 : #687cb1 : +36
57 : #6e82b4 : +38
59 : #7588b8 : +40
61 : #7c8ebb : +42
63 : #8294bf : +44
65 : #8999c2 : +46
67 : #909fc6 : +48
69 : #97a5c9 : +50
71 : #9dabcd : +52
73 : #a4b1d0 : +54
75 : #abb6d4 : +56
77 : #b2bcd7 : +58
79 : #b8c2db : +60
81 : #bfc8de : +62
83 : #c6cee2 : +64
85 : #cdd3e5 : +66
87 : #d3d9e8 : +68
89 : #dadfec : +70
91 : #e1e5ef : +72
93 : #e7ebf3 : +74
95 : #eef0f6 : +76
97 : #f5f6fa : +78
99 : #fcfcfd : +80
CSS入門、作ってます。
text-shadow