#242a61
RGB ( 赤 = 36, 緑 = 42, 青 = 97 )
HSL ( 色相 = 234°, 彩度 = 46%, 明度 = 26% )
H : 色相 ( 234° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #612824 : -230
14 : #613224 : -220
24 : #613c24 : -210
34 : #614624 : -200
44 : #615124 : -190
54 : #615b24 : -180
64 : #5d6124 : -170
74 : #536124 : -160
84 : #486124 : -150
94 : #3e6124 : -140
104 : #346124 : -130
114 : #2a6124 : -120
124 : #246128 : -110
134 : #246132 : -100
144 : #24613c : -90
154 : #246146 : -80
164 : #246151 : -70
174 : #24615b : -60
184 : #245d61 : -50
194 : #245361 : -40
204 : #244861 : -30
214 : #243e61 : -20
224 : #243461 : -10
234 : #242a61 : ±0
244 : #282461 : +10
254 : #322461 : +20
264 : #3c2461 : +30
274 : #462461 : +40
284 : #512461 : +50
294 : #5b2461 : +60
304 : #61245d : +70
314 : #612453 : +80
324 : #612448 : +90
334 : #61243e : +100
344 : #612434 : +110
354 : #61242a : +120
224 : #243461 : -10
225 : #243361 : -9
226 : #243261 : -8
227 : #243161 : -7
228 : #243061 : -6
229 : #242f61 : -5
230 : #242e61 : -4
231 : #242d61 : -3
232 : #242c61 : -2
233 : #242b61 : -1
234 : #242a61 : ±0
235 : #242961 : +1
236 : #242861 : +2
237 : #242761 : +3
238 : #242661 : +4
239 : #242561 : +5
240 : #242461 : +6
241 : #252461 : +7
242 : #262461 : +8
243 : #272461 : +9
244 : #282461 : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -46
2 : #414144 : -44
4 : #404045 : -42
6 : #3e3f46 : -40
8 : #3d3e48 : -38
10 : #3c3d49 : -36
12 : #3a3c4a : -34
14 : #393b4c : -32
16 : #383a4d : -30
18 : #36394e : -28
20 : #353850 : -26
22 : #343751 : -24
24 : #323652 : -22
26 : #313554 : -20
28 : #303355 : -18
30 : #2e3256 : -16
32 : #2d3158 : -14
34 : #2c3059 : -12
36 : #2a2f5a : -10
38 : #292e5b : -8
40 : #282d5d : -6
42 : #262c5e : -4
44 : #252b5f : -2
46 : #242a61 : ±0
48 : #222962 : +2
50 : #212863 : +4
52 : #202765 : +6
54 : #1e2666 : +8
56 : #1d2567 : +10
58 : #1c2469 : +12
60 : #1b226a : +14
62 : #19216b : +16
64 : #18206d : +18
66 : #171f6e : +20
68 : #151e6f : +22
70 : #141d71 : +24
72 : #131c72 : +26
74 : #111b73 : +28
76 : #101a75 : +30
78 : #0f1976 : +32
80 : #0d1877 : +34
82 : #0c1779 : +36
84 : #0b167a : +38
86 : #09157b : +40
88 : #08147d : +42
90 : #07137e : +44
92 : #05127f : +46
94 : #041081 : +48
96 : #030f82 : +50
98 : #010e83 : +52
100 : #000d85 : +54
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #030307 : -24
4 : #06060f : -22
6 : #080a16 : -20
8 : #0b0d1e : -18
10 : #0e1025 : -16
12 : #11132d : -14
14 : #131734 : -12
16 : #161a3c : -10
18 : #191d43 : -8
20 : #1c204a : -6
22 : #1e2352 : -4
24 : #212759 : -2
26 : #242a61 : ±0
28 : #272d68 : +2
30 : #293070 : +4
32 : #2c3477 : +6
34 : #2f377f : +8
36 : #323a86 : +10
38 : #343d8d : +12
40 : #374095 : +14
42 : #3a449c : +16
44 : #3d47a4 : +18
46 : #3f4aab : +20
48 : #424db3 : +22
50 : #4551ba : +24
52 : #4c58bd : +26
54 : #545fc0 : +28
56 : #5b66c2 : +30
58 : #636cc5 : +32
60 : #6a73c8 : +34
62 : #727acb : +36
64 : #7981cd : +38
66 : #8088d0 : +40
68 : #888fd3 : +42
70 : #8f96d6 : +44
72 : #979dd8 : +46
74 : #9ea4db : +48
76 : #a6abde : +50
78 : #adb2e1 : +52
80 : #b5b9e3 : +54
82 : #bcc0e6 : +56
84 : #c3c7e9 : +58
86 : #cbceec : +60
88 : #d2d5ee : +62
90 : #dadcf1 : +64
92 : #e1e3f4 : +66
94 : #e9eaf7 : +68
96 : #f0f1f9 : +70
98 : #f8f8fc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow