#a97990
RGB
赤 | 169 |
---|---|
緑 | 121 |
青 | 144 |
HSL
色相 | 331° |
---|---|
彩度 | 22% |
明度 | 57% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 169, 緑 = 121, 青 = 144 )
HSL ( 色相 = 331°, 彩度 = 22%, 明度 = 57% )
H : 色相 ( 331° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #a97a79 : -330
11 : #a98279 : -320
21 : #a98a79 : -310
31 : #a99279 : -300
41 : #a99a79 : -290
51 : #a9a279 : -280
61 : #a9a979 : -270
71 : #a1a979 : -260
81 : #99a979 : -250
91 : #91a979 : -240
101 : #89a979 : -230
111 : #80a979 : -220
121 : #79a97a : -210
131 : #79a982 : -200
141 : #79a98a : -190
151 : #79a992 : -180
161 : #79a99a : -170
171 : #79a9a2 : -160
181 : #79a9a9 : -150
191 : #79a1a9 : -140
201 : #7999a9 : -130
211 : #7991a9 : -120
221 : #7989a9 : -110
231 : #7980a9 : -100
241 : #7a79a9 : -90
251 : #8279a9 : -80
261 : #8a79a9 : -70
271 : #9279a9 : -60
281 : #9a79a9 : -50
291 : #a279a9 : -40
301 : #a979a9 : -30
311 : #a979a1 : -20
321 : #a97999 : -10
331 : #a97991 : ±0
341 : #a97989 : +10
351 : #a97980 : +20
321 : #a97999 : -10
322 : #a97998 : -9
323 : #a97997 : -8
324 : #a97996 : -7
325 : #a97995 : -6
326 : #a97995 : -5
327 : #a97994 : -4
328 : #a97993 : -3
329 : #a97992 : -2
330 : #a97991 : -1
331 : #a97991 : ±0
332 : #a97990 : +1
333 : #a9798f : +2
334 : #a9798e : +3
335 : #a9798d : +4
336 : #a9798d : +5
337 : #a9798c : +6
338 : #a9798b : +7
339 : #a9798a : +8
340 : #a97989 : +9
341 : #a97989 : +10
S : 彩度 ( 22% )
(0%) 渋い ~ 鮮やか (100%)
0 : #919191 : -22
2 : #948f91 : -20
4 : #968d91 : -18
6 : #988b91 : -16
8 : #9a8991 : -14
10 : #9c8691 : -12
12 : #9f8491 : -10
14 : #a18291 : -8
16 : #a38091 : -6
18 : #a57e91 : -4
20 : #a77b91 : -2
22 : #a97991 : ±0
24 : #ac7790 : +2
26 : #ae7590 : +4
28 : #b07390 : +6
30 : #b27090 : +8
32 : #b46e90 : +10
34 : #b76c90 : +12
36 : #b96a90 : +14
38 : #bb6890 : +16
40 : #bd6590 : +18
42 : #bf6390 : +20
44 : #c26190 : +22
46 : #c45f90 : +24
48 : #c65d90 : +26
50 : #c85b90 : +28
52 : #ca588f : +30
54 : #cd568f : +32
56 : #cf548f : +34
58 : #d1528f : +36
60 : #d3508f : +38
62 : #d54d8f : +40
64 : #d84b8f : +42
66 : #da498f : +44
68 : #dc478f : +46
70 : #de458f : +48
72 : #e0428f : +50
74 : #e2408f : +52
76 : #e53e8f : +54
78 : #e73c8e : +56
80 : #e93a8e : +58
82 : #eb378e : +60
84 : #ed358e : +62
86 : #f0338e : +64
88 : #f2318e : +66
90 : #f42f8e : +68
92 : #f62c8e : +70
94 : #f82a8e : +72
96 : #fb288e : +74
98 : #fd268e : +76
100 : #ff248e : +78
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -56
3 : #090608 : -54
5 : #100a0d : -52
7 : #160e12 : -50
9 : #1c1217 : -48
11 : #22161c : -46
13 : #281a21 : -44
15 : #2f1e26 : -42
17 : #35222b : -40
19 : #3b2630 : -38
21 : #412a35 : -36
23 : #482e3a : -34
25 : #4e323f : -32
27 : #543644 : -30
29 : #5a3a49 : -28
31 : #603e4e : -26
33 : #674254 : -24
35 : #6d4659 : -22
37 : #734a5e : -20
39 : #794e63 : -18
41 : #805268 : -16
43 : #86566d : -14
45 : #8c5a72 : -12
47 : #925d77 : -10
49 : #98617c : -8
51 : #9e6781 : -6
53 : #a26d86 : -4
55 : #a5738b : -2
57 : #a97991 : ±0
59 : #ad7f96 : +2
61 : #b1869b : +4
63 : #b58ca0 : +6
65 : #b992a5 : +8
67 : #bd98aa : +10
69 : #c19faf : +12
71 : #c5a5b5 : +14
73 : #c9abba : +16
75 : #cdb1bf : +18
77 : #d1b7c4 : +20
79 : #d5bec9 : +22
81 : #d9c4ce : +24
83 : #ddcad3 : +26
85 : #e1d0d8 : +28
87 : #e5d7de : +30
89 : #e9dde3 : +32
91 : #ede3e8 : +34
93 : #f1e9ed : +36
95 : #f5eff2 : +38
97 : #f9f6f7 : +40
99 : #fdfcfc : +42
CSS入門、作ってます。
text-shadow