#302262
RGB ( 赤 = 48, 緑 = 34, 青 = 98 )
HSL ( 色相 = 253°, 彩度 = 48%, 明度 = 26% )
H : 色相 ( 253° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #622622 : -250
13 : #623022 : -240
23 : #623b22 : -230
33 : #624522 : -220
43 : #625022 : -210
53 : #625b22 : -200
63 : #5f6222 : -190
73 : #546222 : -180
83 : #4a6222 : -170
93 : #3f6222 : -160
103 : #356222 : -150
113 : #2a6222 : -140
123 : #226226 : -130
133 : #226230 : -120
143 : #22623b : -110
153 : #226245 : -100
163 : #226250 : -90
173 : #22625b : -80
183 : #225f62 : -70
193 : #225462 : -60
203 : #224a62 : -50
213 : #223f62 : -40
223 : #223562 : -30
233 : #222a62 : -20
243 : #262262 : -10
253 : #302262 : ±0
263 : #3b2262 : +10
273 : #452262 : +20
283 : #502262 : +30
293 : #5b2262 : +40
303 : #62225f : +50
313 : #622254 : +60
323 : #62224a : +70
333 : #62223f : +80
343 : #622235 : +90
353 : #62222a : +100
243 : #262262 : -10
244 : #272262 : -9
245 : #282262 : -8
246 : #292262 : -7
247 : #2a2262 : -6
248 : #2b2262 : -5
249 : #2c2262 : -4
250 : #2d2262 : -3
251 : #2e2262 : -2
252 : #2f2262 : -1
253 : #302262 : ±0
254 : #312262 : +1
255 : #322262 : +2
256 : #332262 : +3
257 : #352262 : +4
258 : #362262 : +5
259 : #372262 : +6
260 : #382262 : +7
261 : #392262 : +8
262 : #3a2262 : +9
263 : #3b2262 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -48
2 : #424144 : -46
4 : #414045 : -44
6 : #403e46 : -42
8 : #3f3d48 : -40
10 : #3f3c49 : -38
12 : #3e3a4a : -36
14 : #3d394c : -34
16 : #3c384d : -32
18 : #3c364e : -30
20 : #3b3550 : -28
22 : #3a3451 : -26
24 : #393252 : -24
26 : #393154 : -22
28 : #383055 : -20
30 : #372e56 : -18
32 : #362d58 : -16
34 : #362c59 : -14
36 : #352a5a : -12
38 : #34295b : -10
40 : #33285d : -8
42 : #33265e : -6
44 : #32255f : -4
46 : #312461 : -2
48 : #302262 : ±0
50 : #302163 : +2
52 : #2f2065 : +4
54 : #2e1e66 : +6
56 : #2d1d67 : +8
58 : #2d1c69 : +10
60 : #2c1b6a : +12
62 : #2b196b : +14
64 : #2a186d : +16
66 : #2a176e : +18
68 : #29156f : +20
70 : #281471 : +22
72 : #271372 : +24
74 : #261173 : +26
76 : #261075 : +28
78 : #250f76 : +30
80 : #240d77 : +32
82 : #230c79 : +34
84 : #230b7a : +36
86 : #22097b : +38
88 : #21087d : +40
90 : #20077e : +42
92 : #20057f : +44
94 : #1f0481 : +46
96 : #1e0382 : +48
98 : #1d0183 : +50
100 : #1d0085 : +52
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040308 : -24
4 : #07050f : -22
6 : #0b0817 : -20
8 : #0f0b1e : -18
10 : #130d26 : -16
12 : #16102d : -14
14 : #1a1335 : -12
16 : #1e153c : -10
18 : #211844 : -8
20 : #251b4b : -6
22 : #291d53 : -4
24 : #2d205b : -2
26 : #302262 : ±0
28 : #34256a : +2
30 : #382871 : +4
32 : #3b2a79 : +6
34 : #3f2d80 : +8
36 : #433088 : +10
38 : #47328f : +12
40 : #4a3597 : +14
42 : #4e389f : +16
44 : #523aa6 : +18
46 : #553dae : +20
48 : #5940b5 : +22
50 : #5d42bd : +24
52 : #634abf : +26
54 : #6a51c2 : +28
56 : #7059c5 : +30
58 : #7760c7 : +32
60 : #7d68ca : +34
62 : #8470cd : +36
64 : #8a77cf : +38
66 : #917fd2 : +40
68 : #9786d5 : +42
70 : #9e8ed7 : +44
72 : #a495da : +46
74 : #ab9ddd : +48
76 : #b1a4df : +50
78 : #b8ace2 : +52
80 : #beb4e4 : +54
82 : #c5bbe7 : +56
84 : #cbc3ea : +58
86 : #d2caec : +60
88 : #d8d2ef : +62
90 : #dfd9f2 : +64
92 : #e5e1f4 : +66
94 : #ece8f7 : +68
96 : #f2f0fa : +70
98 : #f9f7fc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow