#253050
RGB ( 赤 = 37, 緑 = 48, 青 = 80 )
HSL ( 色相 = 225°, 彩度 = 37%, 明度 = 23% )
H : 色相 ( 225° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #502925 : -220
15 : #503025 : -210
25 : #503725 : -200
35 : #503e25 : -190
45 : #504625 : -180
55 : #504d25 : -170
65 : #4d5025 : -160
75 : #465025 : -150
85 : #3e5025 : -140
95 : #375025 : -130
105 : #305025 : -120
115 : #295025 : -110
125 : #255029 : -100
135 : #255030 : -90
145 : #255037 : -80
155 : #25503e : -70
165 : #255046 : -60
175 : #25504d : -50
185 : #254d50 : -40
195 : #254650 : -30
205 : #253e50 : -20
215 : #253750 : -10
225 : #253050 : ±0
235 : #252950 : +10
245 : #292550 : +20
255 : #302550 : +30
265 : #372550 : +40
275 : #3e2550 : +50
285 : #462550 : +60
295 : #4d2550 : +70
305 : #50254d : +80
315 : #502546 : +90
325 : #50253e : +100
335 : #502537 : +110
345 : #502530 : +120
355 : #502529 : +130
215 : #253750 : -10
216 : #253650 : -9
217 : #253650 : -8
218 : #253550 : -7
219 : #253450 : -6
220 : #253350 : -5
221 : #253350 : -4
222 : #253250 : -3
223 : #253150 : -2
224 : #253150 : -1
225 : #253050 : ±0
226 : #252f50 : +1
227 : #252e50 : +2
228 : #252e50 : +3
229 : #252d50 : +4
230 : #252c50 : +5
231 : #252b50 : +6
232 : #252b50 : +7
233 : #252a50 : +8
234 : #252950 : +9
235 : #252950 : +10
S : 彩度 ( 37% )
(0%) 渋い ~ 鮮やか (100%)
1 : #3a3a3b : -36
3 : #393a3c : -34
5 : #38393e : -32
7 : #37393f : -30
9 : #353840 : -28
11 : #343741 : -26
13 : #333742 : -24
15 : #323643 : -22
17 : #313645 : -20
19 : #303546 : -18
21 : #2e3447 : -16
23 : #2d3448 : -14
25 : #2c3349 : -12
27 : #2b334a : -10
29 : #2a324c : -8
31 : #28324d : -6
33 : #27314e : -4
35 : #26304f : -2
37 : #253050 : ±0
39 : #242f52 : +2
41 : #232f53 : +4
43 : #212e54 : +6
45 : #202d55 : +8
47 : #1f2d56 : +10
49 : #1e2c57 : +12
51 : #1d2c59 : +14
53 : #1c2b5a : +16
55 : #1a2b5b : +18
57 : #192a5c : +20
59 : #18295d : +22
61 : #17295e : +24
63 : #162860 : +26
65 : #152861 : +28
67 : #132762 : +30
69 : #122663 : +32
71 : #112664 : +34
73 : #102565 : +36
75 : #0f2567 : +38
77 : #0d2468 : +40
79 : #0c2369 : +42
81 : #0b236a : +44
83 : #0a226b : +46
85 : #09226d : +48
87 : #08216e : +50
89 : #06216f : +52
91 : #052070 : +54
93 : #041f71 : +56
95 : #031f72 : +58
97 : #021e74 : +60
99 : #011e75 : +62
L : 明度 ( 23% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -22
3 : #05060a : -20
5 : #080a11 : -18
7 : #0b0f18 : -16
9 : #0e131f : -14
11 : #121726 : -12
13 : #151b2d : -10
15 : #181f34 : -8
17 : #1b233b : -6
19 : #1f2742 : -4
21 : #222c49 : -2
23 : #253050 : ±0
25 : #283457 : +2
27 : #2b385e : +4
29 : #2f3c65 : +6
31 : #32406c : +8
33 : #354573 : +10
35 : #38497a : +12
37 : #3b4d81 : +14
39 : #3f5188 : +16
41 : #42558f : +18
43 : #455996 : +20
45 : #485e9d : +22
47 : #4c62a4 : +24
49 : #4f66ab : +26
51 : #546bb0 : +28
53 : #5b71b3 : +30
55 : #6277b7 : +32
57 : #697dba : +34
59 : #7083bd : +36
61 : #7789c0 : +38
63 : #7e8fc4 : +40
65 : #8595c7 : +42
67 : #8c9bca : +44
69 : #93a1cd : +46
71 : #9aa7d0 : +48
73 : #a1add4 : +50
75 : #a8b3d7 : +52
77 : #afb9da : +54
79 : #b6c0dd : +56
81 : #bdc6e0 : +58
83 : #c4cce4 : +60
85 : #cbd2e7 : +62
87 : #d2d8ea : +64
89 : #d9deed : +66
91 : #e0e4f1 : +68
93 : #e7eaf4 : +70
95 : #eef0f7 : +72
97 : #f5f6fa : +74
99 : #fcfcfd : +76
CSS入門、作ってます。
text-shadow