#272c44
RGB ( 赤 = 39, 緑 = 44, 青 = 68 )
HSL ( 色相 = 230°, 彩度 = 27%, 明度 = 21% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #442727 : -230
10 : #442c27 : -220
20 : #443127 : -210
30 : #443627 : -200
40 : #443a27 : -190
50 : #443f27 : -180
60 : #444427 : -170
70 : #3f4427 : -160
80 : #3a4427 : -150
90 : #364427 : -140
100 : #314427 : -130
110 : #2c4427 : -120
120 : #274427 : -110
130 : #27442c : -100
140 : #274431 : -90
150 : #274436 : -80
160 : #27443a : -70
170 : #27443f : -60
180 : #274444 : -50
190 : #273f44 : -40
200 : #273a44 : -30
210 : #273644 : -20
220 : #273144 : -10
230 : #272c44 : ±0
240 : #272744 : +10
250 : #2c2744 : +20
260 : #312744 : +30
270 : #362744 : +40
280 : #3a2744 : +50
290 : #3f2744 : +60
300 : #442744 : +70
310 : #44273f : +80
320 : #44273a : +90
330 : #442736 : +100
340 : #442731 : +110
350 : #44272c : +120
220 : #273144 : -10
221 : #273044 : -9
222 : #273044 : -8
223 : #272f44 : -7
224 : #272f44 : -6
225 : #272e44 : -5
226 : #272e44 : -4
227 : #272d44 : -3
228 : #272d44 : -2
229 : #272c44 : -1
230 : #272c44 : ±0
231 : #272b44 : +1
232 : #272b44 : +2
233 : #272a44 : +3
234 : #272a44 : +4
235 : #272a44 : +5
236 : #272944 : +6
237 : #272944 : +7
238 : #272844 : +8
239 : #272844 : +9
240 : #272744 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #353536 : -26
3 : #343437 : -24
5 : #333438 : -22
7 : #323339 : -20
9 : #31323a : -18
11 : #30323b : -16
13 : #2f313d : -14
15 : #2e303e : -12
17 : #2c2f3f : -10
19 : #2b2f40 : -8
21 : #2a2e41 : -6
23 : #292d42 : -4
25 : #282d43 : -2
27 : #272c44 : ±0
29 : #262b45 : +2
31 : #252a46 : +4
33 : #242a47 : +6
35 : #232948 : +8
37 : #222849 : +10
39 : #21284a : +12
41 : #20274c : +14
43 : #1f264d : +16
45 : #1d254e : +18
47 : #1c254f : +20
49 : #1b2450 : +22
51 : #1a2351 : +24
53 : #192352 : +26
55 : #182253 : +28
57 : #172154 : +30
59 : #162055 : +32
61 : #152056 : +34
63 : #141f57 : +36
65 : #131e58 : +38
67 : #121e59 : +40
69 : #111d5a : +42
71 : #101c5c : +44
73 : #0e1b5d : +46
75 : #0d1b5e : +48
77 : #0c1a5f : +50
79 : #0b1960 : +52
81 : #0a1961 : +54
83 : #091862 : +56
85 : #081763 : +58
87 : #071664 : +60
89 : #061665 : +62
91 : #051566 : +64
93 : #041467 : +66
95 : #031468 : +68
97 : #021369 : +70
99 : #01126b : +72
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -20
3 : #06060a : -18
5 : #090a10 : -16
7 : #0d0f17 : -14
9 : #11131d : -12
11 : #141724 : -10
13 : #181b2a : -8
15 : #1c1f31 : -6
17 : #202437 : -4
19 : #23283e : -2
21 : #272c44 : ±0
23 : #2b304a : +2
25 : #2f3451 : +4
27 : #323857 : +6
29 : #363d5e : +8
31 : #3a4164 : +10
33 : #3d456b : +12
35 : #414971 : +14
37 : #454d78 : +16
39 : #49527e : +18
41 : #4c5685 : +20
43 : #505a8b : +22
45 : #545e92 : +24
47 : #576298 : +26
49 : #5b669f : +28
51 : #606ca4 : +30
53 : #6772a8 : +32
55 : #6d78ab : +34
57 : #747eaf : +36
59 : #7a84b3 : +38
61 : #818ab6 : +40
63 : #8790ba : +42
65 : #8e96be : +44
67 : #949cc2 : +46
69 : #9ba2c5 : +48
71 : #a1a8c9 : +50
73 : #a8aecd : +52
75 : #aeb4d0 : +54
77 : #b5bad4 : +56
79 : #bbc0d8 : +58
81 : #c1c6dc : +60
83 : #c8ccdf : +62
85 : #ced2e3 : +64
87 : #d5d8e7 : +66
89 : #dbdeeb : +68
91 : #e2e4ee : +70
93 : #e8eaf2 : +72
95 : #eff0f6 : +74
97 : #f5f6f9 : +76
99 : #fcfcfd : +78
CSS入門、作ってます。
text-shadow