#224158
RGB ( 赤 = 34, 緑 = 65, 青 = 88 )
HSL ( 色相 = 206°, 彩度 = 44%, 明度 = 24% )
H : 色相 ( 206° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #582822 : -200
16 : #583122 : -190
26 : #583a22 : -180
36 : #584322 : -170
46 : #584c22 : -160
56 : #585522 : -150
66 : #535822 : -140
76 : #4a5822 : -130
86 : #415822 : -120
96 : #385822 : -110
106 : #2f5822 : -100
116 : #265822 : -90
126 : #225828 : -80
136 : #225831 : -70
146 : #22583a : -60
156 : #225843 : -50
166 : #22584c : -40
176 : #225855 : -30
186 : #225358 : -20
196 : #224a58 : -10
206 : #224158 : ±0
216 : #223858 : +10
226 : #222f58 : +20
236 : #222658 : +30
246 : #282258 : +40
256 : #312258 : +50
266 : #3a2258 : +60
276 : #432258 : +70
286 : #4c2258 : +80
296 : #552258 : +90
306 : #582253 : +100
316 : #58224a : +110
326 : #582241 : +120
336 : #582238 : +130
346 : #58222f : +140
356 : #582226 : +150
196 : #224a58 : -10
197 : #224958 : -9
198 : #224858 : -8
199 : #224758 : -7
200 : #224658 : -6
201 : #224558 : -5
202 : #224458 : -4
203 : #224358 : -3
204 : #224358 : -2
205 : #224258 : -1
206 : #224158 : ±0
207 : #224058 : +1
208 : #223f58 : +2
209 : #223e58 : +3
210 : #223d58 : +4
211 : #223c58 : +5
212 : #223b58 : +6
213 : #223b58 : +7
214 : #223a58 : +8
215 : #223958 : +9
216 : #223858 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -44
2 : #3c3d3e : -42
4 : #3b3e40 : -40
6 : #3a3e41 : -38
8 : #383e42 : -36
10 : #373e43 : -34
12 : #363e45 : -32
14 : #353e46 : -30
16 : #333f47 : -28
18 : #323f48 : -26
20 : #313f49 : -24
22 : #303f4b : -22
24 : #2f3f4c : -20
26 : #2d3f4d : -18
28 : #2c3f4e : -16
30 : #2b4050 : -14
32 : #2a4051 : -12
34 : #284052 : -10
36 : #274053 : -8
38 : #264054 : -6
40 : #254056 : -4
42 : #234157 : -2
44 : #224158 : ±0
46 : #214159 : +2
48 : #20415b : +4
50 : #1f415c : +6
52 : #1d415d : +8
54 : #1c425e : +10
56 : #1b425f : +12
58 : #1a4261 : +14
60 : #184262 : +16
62 : #174263 : +18
64 : #164264 : +20
66 : #154366 : +22
68 : #144367 : +24
70 : #124368 : +26
72 : #114369 : +28
74 : #10436a : +30
76 : #0f436c : +32
78 : #0d446d : +34
80 : #0c446e : +36
82 : #0b446f : +38
84 : #0a4471 : +40
86 : #094472 : +42
88 : #074473 : +44
90 : #064574 : +46
92 : #054576 : +48
94 : #044577 : +50
96 : #024578 : +52
98 : #014579 : +54
100 : #00457a : +56
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #030507 : -22
4 : #060b0f : -20
6 : #091016 : -18
8 : #0b161d : -16
10 : #0e1b25 : -14
12 : #11202c : -12
14 : #142633 : -10
16 : #172b3b : -8
18 : #1a3142 : -6
20 : #1d3649 : -4
22 : #1f3b51 : -2
24 : #224158 : ±0
26 : #25465f : +2
28 : #284c67 : +4
30 : #2b516e : +6
32 : #2e5676 : +8
34 : #315c7d : +10
36 : #336184 : +12
38 : #36678c : +14
40 : #396c93 : +16
42 : #3c719a : +18
44 : #3f77a2 : +20
46 : #427ca9 : +22
48 : #4582b0 : +24
50 : #4787b8 : +26
52 : #4f8cba : +28
54 : #5691bd : +30
56 : #5d95c0 : +32
58 : #659ac3 : +34
60 : #6c9fc6 : +36
62 : #73a4c9 : +38
64 : #7ba9cc : +40
66 : #82adce : +42
68 : #89b2d1 : +44
70 : #91b7d4 : +46
72 : #98bcd7 : +48
74 : #a0c1da : +50
76 : #a7c5dd : +52
78 : #aecae0 : +54
80 : #b6cfe2 : +56
82 : #bdd4e5 : +58
84 : #c4d9e8 : +60
86 : #ccddeb : +62
88 : #d3e2ee : +64
90 : #dae7f1 : +66
92 : #e2ecf4 : +68
94 : #e9f1f6 : +70
96 : #f0f5f9 : +72
98 : #f8fafc : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow