#88aa89
RGB
赤 | 136 |
---|---|
緑 | 170 |
青 | 137 |
HSL
色相 | 122° |
---|---|
彩度 | 17% |
明度 | 60% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 136, 緑 = 170, 青 = 137 )
HSL ( 色相 = 122°, 彩度 = 17%, 明度 = 60% )
H : 色相 ( 122° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #aa8988 : -120
12 : #aa8f88 : -110
22 : #aa9488 : -100
32 : #aa9a88 : -90
42 : #aaa088 : -80
52 : #aaa688 : -70
62 : #a9aa88 : -60
72 : #a3aa88 : -50
82 : #9eaa88 : -40
92 : #98aa88 : -30
102 : #92aa88 : -20
112 : #8caa88 : -10
122 : #88aa89 : ±0
132 : #88aa8f : +10
142 : #88aa94 : +20
152 : #88aa9a : +30
162 : #88aaa0 : +40
172 : #88aaa6 : +50
182 : #88a9aa : +60
192 : #88a3aa : +70
202 : #889eaa : +80
212 : #8898aa : +90
222 : #8892aa : +100
232 : #888caa : +110
242 : #8988aa : +120
252 : #8f88aa : +130
262 : #9488aa : +140
272 : #9a88aa : +150
282 : #a088aa : +160
292 : #a688aa : +170
302 : #aa88a9 : +180
312 : #aa88a3 : +190
322 : #aa889e : +200
332 : #aa8898 : +210
342 : #aa8892 : +220
352 : #aa888c : +230
112 : #8caa88 : -10
113 : #8caa88 : -9
114 : #8baa88 : -8
115 : #8baa88 : -7
116 : #8aaa88 : -6
117 : #89aa88 : -5
118 : #89aa88 : -4
119 : #88aa88 : -3
120 : #88aa88 : -2
121 : #88aa88 : -1
122 : #88aa89 : ±0
123 : #88aa89 : +1
124 : #88aa8a : +2
125 : #88aa8b : +3
126 : #88aa8b : +4
127 : #88aa8c : +5
128 : #88aa8c : +6
129 : #88aa8d : +7
130 : #88aa8d : +8
131 : #88aa8e : +9
132 : #88aa8f : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #989a98 : -16
3 : #969c96 : -14
5 : #949e94 : -12
7 : #92a092 : -10
9 : #90a290 : -8
11 : #8ea48f : -6
13 : #8ca68d : -4
15 : #8aa88b : -2
17 : #88aa89 : ±0
19 : #86ac87 : +2
21 : #84ae85 : +4
23 : #82b083 : +6
25 : #80b381 : +8
27 : #7db57f : +10
29 : #7bb77d : +12
31 : #79b97b : +14
33 : #77bb7a : +16
35 : #75bd78 : +18
37 : #73bf76 : +20
39 : #71c174 : +22
41 : #6fc372 : +24
43 : #6dc570 : +26
45 : #6bc76e : +28
47 : #69c96c : +30
49 : #67cb6a : +32
51 : #65cd68 : +34
53 : #63cf67 : +36
55 : #61d165 : +38
57 : #5fd363 : +40
59 : #5dd561 : +42
61 : #5bd75f : +44
63 : #59d95d : +46
65 : #57db5b : +48
67 : #55dd59 : +50
69 : #53df57 : +52
71 : #51e155 : +54
73 : #4fe354 : +56
75 : #4de652 : +58
77 : #4ae850 : +60
79 : #48ea4e : +62
81 : #46ec4c : +64
83 : #44ee4a : +66
85 : #42f048 : +68
87 : #40f246 : +70
89 : #3ef444 : +72
91 : #3cf642 : +74
93 : #3af840 : +76
95 : #38fa3f : +78
97 : #36fc3d : +80
99 : #34fe3b : +82
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #040604 : -58
4 : #080c09 : -56
6 : #0d120d : -54
8 : #111811 : -52
10 : #151e15 : -50
12 : #19241a : -48
14 : #1e2a1e : -46
16 : #223022 : -44
18 : #263627 : -42
20 : #2a3c2b : -40
22 : #2f422f : -38
24 : #334833 : -36
26 : #374e38 : -34
28 : #3b543c : -32
30 : #3f5a40 : -30
32 : #445f45 : -28
34 : #486549 : -26
36 : #4c6b4d : -24
38 : #507152 : -22
40 : #557756 : -20
42 : #597d5a : -18
44 : #5d835e : -16
46 : #618963 : -14
48 : #668f67 : -12
50 : #6a956b : -10
52 : #709971 : -8
54 : #769e77 : -6
56 : #7ca27d : -4
58 : #82a683 : -2
60 : #88aa89 : ±0
62 : #8eaf8f : +2
64 : #94b395 : +4
66 : #9ab79b : +6
68 : #a0bba0 : +8
70 : #a5c0a6 : +10
72 : #abc4ac : +12
74 : #b1c8b2 : +14
76 : #b7ccb8 : +16
78 : #bdd0be : +18
80 : #c3d5c4 : +20
82 : #c9d9ca : +22
84 : #cfddd0 : +24
86 : #d5e1d6 : +26
88 : #dbe6dc : +28
90 : #e1eae1 : +30
92 : #e7eee7 : +32
94 : #edf2ed : +34
96 : #f3f7f3 : +36
98 : #f9fbf9 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow