#39aca1
RGB
赤 | 57 |
---|---|
緑 | 172 |
青 | 161 |
HSL
色相 | 174° |
---|---|
彩度 | 50% |
明度 | 45% |
輝度 | 53% |
3桁の色
補色
反転色
RGB ( 赤 = 57, 緑 = 172, 青 = 161 )
HSL ( 色相 = 174°, 彩度 = 50%, 明度 = 45% )
H : 色相 ( 174° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ac4139 : -170
14 : #ac5439 : -160
24 : #ac6739 : -150
34 : #ac7a39 : -140
44 : #ac8e39 : -130
54 : #aca139 : -120
64 : #a4ac39 : -110
74 : #91ac39 : -100
84 : #7eac39 : -90
94 : #6bac39 : -80
104 : #58ac39 : -70
114 : #45ac39 : -60
124 : #39ac41 : -50
134 : #39ac54 : -40
144 : #39ac67 : -30
154 : #39ac7a : -20
164 : #39ac8e : -10
174 : #39aca1 : ±0
184 : #39a4ac : +10
194 : #3991ac : +20
204 : #397eac : +30
214 : #396bac : +40
224 : #3958ac : +50
234 : #3945ac : +60
244 : #4139ac : +70
254 : #5439ac : +80
264 : #6739ac : +90
274 : #7a39ac : +100
284 : #8e39ac : +110
294 : #a139ac : +120
304 : #ac39a4 : +130
314 : #ac3991 : +140
324 : #ac397e : +150
334 : #ac396b : +160
344 : #ac3958 : +170
354 : #ac3945 : +180
164 : #39ac8e : -10
165 : #39ac8f : -9
166 : #39ac91 : -8
167 : #39ac93 : -7
168 : #39ac95 : -6
169 : #39ac97 : -5
170 : #39ac99 : -4
171 : #39ac9b : -3
172 : #39ac9d : -2
173 : #39ac9f : -1
174 : #39aca1 : ±0
175 : #39aca3 : +1
176 : #39aca4 : +2
177 : #39aca6 : +3
178 : #39aca8 : +4
179 : #39acaa : +5
180 : #39acac : +6
181 : #39aaac : +7
182 : #39a8ac : +8
183 : #39a6ac : +9
184 : #39a4ac : +10
S : 彩度 ( 50% )
(0%) 渋い ~ 鮮やか (100%)
0 : #727272 : -50
2 : #707575 : -48
4 : #6e7776 : -46
6 : #6c7a78 : -44
8 : #6a7c7a : -42
10 : #677e7c : -40
12 : #65817e : -38
14 : #638380 : -36
16 : #608581 : -34
18 : #5e8783 : -32
20 : #5c8a85 : -30
22 : #5a8c87 : -28
24 : #578e89 : -26
26 : #55918b : -24
28 : #53938c : -22
30 : #50958e : -20
32 : #4e9790 : -18
34 : #4c9a92 : -16
36 : #499c94 : -14
38 : #479e96 : -12
40 : #45a197 : -10
42 : #43a399 : -8
44 : #40a59b : -6
46 : #3ea89d : -4
48 : #3caa9f : -2
50 : #39aca1 : ±0
52 : #37aea2 : +2
54 : #35b1a4 : +4
56 : #32b3a6 : +6
58 : #30b5a8 : +8
60 : #2eb8aa : +10
62 : #2cbaac : +12
64 : #29bcae : +14
66 : #27beaf : +16
68 : #25c1b1 : +18
70 : #22c3b3 : +20
72 : #20c5b5 : +22
74 : #1ec8b7 : +24
76 : #1ccab9 : +26
78 : #19ccba : +28
80 : #17cfbc : +30
82 : #15d1be : +32
84 : #12d3c0 : +34
86 : #10d5c2 : +36
88 : #0ed8c4 : +38
90 : #0bdac5 : +40
92 : #09dcc7 : +42
94 : #07dfc9 : +44
96 : #05e1cb : +46
98 : #02e3cd : +48
100 : #00e6cf : +50
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -44
3 : #040b0b : -42
5 : #061312 : -40
7 : #091b19 : -38
9 : #0b2220 : -36
11 : #0e2a27 : -34
13 : #11322e : -32
15 : #133936 : -30
17 : #16413d : -28
19 : #184944 : -26
21 : #1b504b : -24
23 : #1d5852 : -22
25 : #206059 : -20
27 : #226760 : -18
29 : #256f68 : -16
31 : #28776f : -14
33 : #2a7e76 : -12
35 : #2d867d : -10
37 : #2f8e84 : -8
39 : #32958b : -6
41 : #349d92 : -4
43 : #37a49a : -2
45 : #39aca1 : ±0
47 : #3cb4a8 : +2
49 : #3ebbaf : +4
51 : #44c1b4 : +6
53 : #4bc3b7 : +8
55 : #53c6ba : +10
57 : #5bc8bd : +12
59 : #62cbc0 : +14
61 : #6acdc3 : +16
63 : #71d0c6 : +18
65 : #79d2c9 : +20
67 : #81d5cd : +22
69 : #88d7d0 : +24
71 : #90dad3 : +26
73 : #98ddd6 : +28
75 : #9fdfd9 : +30
77 : #a7e2dc : +32
79 : #afe4df : +34
81 : #b6e7e2 : +36
83 : #bee9e5 : +38
85 : #c6ece8 : +40
87 : #cdeeeb : +42
89 : #d5f1ee : +44
91 : #ddf4f1 : +46
93 : #e4f6f4 : +48
95 : #ecf9f7 : +50
97 : #f4fbfa : +52
99 : #fbfefd : +54
CSS入門、作ってます。
text-shadow