#4c5270
RGB ( 赤 = 76, 緑 = 82, 青 = 112 )
HSL ( 色相 = 230°, 彩度 = 19%, 明度 = 37% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #704c4c : -230
10 : #70524c : -220
20 : #70584c : -210
30 : #705e4c : -200
40 : #70644c : -190
50 : #706a4c : -180
60 : #70704c : -170
70 : #6a704c : -160
80 : #64704c : -150
90 : #5e704c : -140
100 : #58704c : -130
110 : #52704c : -120
120 : #4c704c : -110
130 : #4c7052 : -100
140 : #4c7058 : -90
150 : #4c705e : -80
160 : #4c7064 : -70
170 : #4c706a : -60
180 : #4c7070 : -50
190 : #4c6a70 : -40
200 : #4c6470 : -30
210 : #4c5e70 : -20
220 : #4c5870 : -10
230 : #4c5270 : ±0
240 : #4c4c70 : +10
250 : #524c70 : +20
260 : #584c70 : +30
270 : #5e4c70 : +40
280 : #644c70 : +50
290 : #6a4c70 : +60
300 : #704c70 : +70
310 : #704c6a : +80
320 : #704c64 : +90
330 : #704c5e : +100
340 : #704c58 : +110
350 : #704c52 : +120
220 : #4c5870 : -10
221 : #4c5870 : -9
222 : #4c5770 : -8
223 : #4c5770 : -7
224 : #4c5670 : -6
225 : #4c5570 : -5
226 : #4c5570 : -4
227 : #4c5470 : -3
228 : #4c5470 : -2
229 : #4c5370 : -1
230 : #4c5270 : ±0
231 : #4c5270 : +1
232 : #4c5170 : +2
233 : #4c5170 : +3
234 : #4c5070 : +4
235 : #4c4f70 : +5
236 : #4c4f70 : +6
237 : #4c4e70 : +7
238 : #4c4e70 : +8
239 : #4c4d70 : +9
240 : #4c4c70 : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5e5f : -18
3 : #5c5c61 : -16
5 : #5a5b63 : -14
7 : #585a65 : -12
9 : #565967 : -10
11 : #545769 : -8
13 : #52566b : -6
15 : #50556d : -4
17 : #4e546e : -2
19 : #4c5270 : ±0
21 : #4b5172 : +2
23 : #495074 : +4
25 : #474f76 : +6
27 : #454d78 : +8
29 : #434c7a : +10
31 : #414b7c : +12
33 : #3f4a7d : +14
35 : #3d487f : +16
37 : #3b4781 : +18
39 : #3a4683 : +20
41 : #384585 : +22
43 : #364387 : +24
45 : #344289 : +26
47 : #32418b : +28
49 : #30408d : +30
51 : #2e3e8e : +32
53 : #2c3d90 : +34
55 : #2a3c92 : +36
57 : #293a94 : +38
59 : #273996 : +40
61 : #253898 : +42
63 : #23379a : +44
65 : #21359c : +46
67 : #1f349e : +48
69 : #1d339f : +50
71 : #1b32a1 : +52
73 : #1930a3 : +54
75 : #182fa5 : +56
77 : #162ea7 : +58
79 : #142da9 : +60
81 : #122bab : +62
83 : #102aad : +64
85 : #0e29af : +66
87 : #0c28b0 : +68
89 : #0a26b2 : +70
91 : #0825b4 : +72
93 : #0724b6 : +74
95 : #0523b8 : +76
97 : #0321ba : +78
99 : #0120bc : +80
L : 明度 ( 37% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -36
3 : #060709 : -34
5 : #0a0b0f : -32
7 : #0e1015 : -30
9 : #13141b : -28
11 : #171821 : -26
13 : #1b1d27 : -24
15 : #1f212e : -22
17 : #232634 : -20
19 : #272a3a : -18
21 : #2b2f40 : -16
23 : #303346 : -14
25 : #34384c : -12
27 : #383c52 : -10
29 : #3c4158 : -8
31 : #40455e : -6
33 : #444964 : -4
35 : #484e6a : -2
37 : #4c5270 : ±0
39 : #515776 : +2
41 : #555b7c : +4
43 : #596082 : +6
45 : #5d6489 : +8
47 : #61698f : +10
49 : #656d95 : +12
51 : #6a729a : +14
53 : #70789e : +16
55 : #767ea2 : +18
57 : #7d83a6 : +20
59 : #8389aa : +22
61 : #898fae : +24
63 : #8f95b3 : +26
65 : #959ab7 : +28
67 : #9ba0bb : +30
69 : #a1a6bf : +32
71 : #a7acc3 : +34
73 : #adb1c7 : +36
75 : #b3b7cb : +38
77 : #b9bdcf : +40
79 : #bfc3d4 : +42
81 : #c5c8d8 : +44
83 : #cbcedc : +46
85 : #d1d4e0 : +48
87 : #d8dae4 : +50
89 : #dedfe8 : +52
91 : #e4e5ec : +54
93 : #eaebf1 : +56
95 : #f0f1f5 : +58
97 : #f6f6f9 : +60
99 : #fcfcfd : +62
CSS入門、作ってます。
text-shadow