#354582
RGB ( 赤 = 53, 緑 = 69, 青 = 130 )
HSL ( 色相 = 228°, 彩度 = 42%, 明度 = 36% )
H : 色相 ( 228° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #824035 : -220
18 : #824c35 : -210
28 : #825935 : -200
38 : #826635 : -190
48 : #827335 : -180
58 : #828035 : -170
68 : #788235 : -160
78 : #6b8235 : -150
88 : #5e8235 : -140
98 : #528235 : -130
108 : #458235 : -120
118 : #388235 : -110
128 : #358240 : -100
138 : #35824c : -90
148 : #358259 : -80
158 : #358266 : -70
168 : #358273 : -60
178 : #358280 : -50
188 : #357882 : -40
198 : #356b82 : -30
208 : #355e82 : -20
218 : #355282 : -10
228 : #354582 : ±0
238 : #353882 : +10
248 : #403582 : +20
258 : #4c3582 : +30
268 : #593582 : +40
278 : #663582 : +50
288 : #733582 : +60
298 : #803582 : +70
308 : #823578 : +80
318 : #82356b : +90
328 : #82355e : +100
338 : #823552 : +110
348 : #823545 : +120
358 : #823538 : +130
218 : #355282 : -10
219 : #355082 : -9
220 : #354f82 : -8
221 : #354e82 : -7
222 : #354c82 : -6
223 : #354b82 : -5
224 : #354a82 : -4
225 : #354982 : -3
226 : #354782 : -2
227 : #354682 : -1
228 : #354582 : ±0
229 : #354382 : +1
230 : #354282 : +2
231 : #354182 : +3
232 : #354082 : +4
233 : #353e82 : +5
234 : #353d82 : +6
235 : #353c82 : +7
236 : #353a82 : +8
237 : #353982 : +9
238 : #353882 : +10
S : 彩度 ( 42% )
(0%) 渋い ~ 鮮やか (100%)
0 : #5b5b5b : -42
2 : #5a5b5e : -40
4 : #585a5f : -38
6 : #565861 : -36
8 : #545763 : -34
10 : #535665 : -32
12 : #515567 : -30
14 : #4f5469 : -28
16 : #4d536a : -26
18 : #4b526c : -24
20 : #49516e : -22
22 : #485070 : -20
24 : #464f72 : -18
26 : #444d74 : -16
28 : #424c76 : -14
30 : #404b77 : -12
32 : #3e4a79 : -10
34 : #3d497b : -8
36 : #3b487d : -6
38 : #39477f : -4
40 : #374681 : -2
42 : #354582 : ±0
44 : #334484 : +2
46 : #324286 : +4
48 : #304188 : +6
50 : #2e408a : +8
52 : #2c3f8c : +10
54 : #2a3e8d : +12
56 : #283d8f : +14
58 : #273c91 : +16
60 : #253b93 : +18
62 : #233a95 : +20
64 : #213997 : +22
66 : #1f3798 : +24
68 : #1d369a : +26
70 : #1c359c : +28
72 : #1a349e : +30
74 : #1833a0 : +32
76 : #1632a2 : +34
78 : #1431a3 : +36
80 : #1230a5 : +38
82 : #112fa7 : +40
84 : #0f2ea9 : +42
86 : #0d2cab : +44
88 : #0b2bad : +46
90 : #092aae : +48
92 : #0729b0 : +50
94 : #0628b2 : +52
96 : #0427b4 : +54
98 : #0226b6 : +56
100 : #0025b8 : +58
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #030407 : -34
4 : #06080e : -32
6 : #090b16 : -30
8 : #0c0f1d : -28
10 : #0f1324 : -26
12 : #12172b : -24
14 : #151b33 : -22
16 : #181f3a : -20
18 : #1b2241 : -18
20 : #1e2648 : -16
22 : #212a50 : -14
24 : #232e57 : -12
26 : #26325e : -10
28 : #293565 : -8
30 : #2c396d : -6
32 : #2f3d74 : -4
34 : #32417b : -2
36 : #354582 : ±0
38 : #38488a : +2
40 : #3b4c91 : +4
42 : #3e5098 : +6
44 : #41549f : +8
46 : #4458a7 : +10
48 : #475cae : +12
50 : #4a5fb5 : +14
52 : #5166b8 : +16
54 : #586cbb : +18
56 : #6073be : +20
58 : #6779c1 : +22
60 : #6e7fc4 : +24
62 : #7586c7 : +26
64 : #7d8cca : +28
66 : #8492cd : +30
68 : #8b99d0 : +32
70 : #929fd3 : +34
72 : #9aa6d6 : +36
74 : #a1acd9 : +38
76 : #a8b2dc : +40
78 : #afb9de : +42
80 : #b7bfe1 : +44
82 : #bec6e4 : +46
84 : #c5cce7 : +48
86 : #ccd2ea : +50
88 : #d4d9ed : +52
90 : #dbdff0 : +54
92 : #e2e5f3 : +56
94 : #e9ecf6 : +58
96 : #f1f2f9 : +60
98 : #f8f9fc : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow