#09efa7
RGB
赤 | 9 |
---|---|
緑 | 239 |
青 | 167 |
HSL
色相 | 161° |
---|---|
彩度 | 93% |
明度 | 49% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 9, 緑 = 239, 青 = 167 )
HSL ( 色相 = 161°, 彩度 = 93%, 明度 = 49% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #f10d09 : -160
11 : #f13309 : -150
21 : #f15a09 : -140
31 : #f18109 : -130
41 : #f1a809 : -120
51 : #f1ce09 : -110
61 : #edf109 : -100
71 : #c7f109 : -90
81 : #a0f109 : -80
91 : #79f109 : -70
101 : #52f109 : -60
111 : #2cf109 : -50
121 : #09f10d : -40
131 : #09f133 : -30
141 : #09f15a : -20
151 : #09f181 : -10
161 : #09f1a8 : ±0
171 : #09f1ce : +10
181 : #09edf1 : +20
191 : #09c7f1 : +30
201 : #09a0f1 : +40
211 : #0979f1 : +50
221 : #0952f1 : +60
231 : #092cf1 : +70
241 : #0d09f1 : +80
251 : #3309f1 : +90
261 : #5a09f1 : +100
271 : #8109f1 : +110
281 : #a809f1 : +120
291 : #ce09f1 : +130
301 : #f109ed : +140
311 : #f109c7 : +150
321 : #f109a0 : +160
331 : #f10979 : +170
341 : #f10952 : +180
351 : #f1092c : +190
151 : #09f181 : -10
152 : #09f185 : -9
153 : #09f189 : -8
154 : #09f18c : -7
155 : #09f190 : -6
156 : #09f194 : -5
157 : #09f198 : -4
158 : #09f19c : -3
159 : #09f1a0 : -2
160 : #09f1a4 : -1
161 : #09f1a8 : ±0
162 : #09f1ab : +1
163 : #09f1af : +2
164 : #09f1b3 : +3
165 : #09f1b7 : +4
166 : #09f1bb : +5
167 : #09f1bf : +6
168 : #09f1c3 : +7
169 : #09f1c7 : +8
170 : #09f1ca : +9
171 : #09f1ce : +10
S : 彩度 ( 93% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c7e7d : -92
3 : #79817e : -90
5 : #77837f : -88
7 : #748680 : -86
9 : #728881 : -84
11 : #6f8b82 : -82
13 : #6d8d83 : -80
15 : #6a9084 : -78
17 : #689285 : -76
19 : #659586 : -74
21 : #639787 : -72
23 : #609a87 : -70
25 : #5e9c88 : -68
27 : #5b9f89 : -66
29 : #59a18a : -64
31 : #56a48b : -62
33 : #54a68c : -60
35 : #51a98d : -58
37 : #4fab8e : -56
39 : #4cae8f : -54
41 : #4ab090 : -52
43 : #47b391 : -50
45 : #45b592 : -48
47 : #42b892 : -46
49 : #40ba93 : -44
51 : #3dbd94 : -42
53 : #3bbf95 : -40
55 : #38c296 : -38
57 : #36c497 : -36
59 : #33c798 : -34
61 : #31c999 : -32
63 : #2ecc9a : -30
65 : #2cce9b : -28
67 : #29d19c : -26
69 : #27d39d : -24
71 : #24d69d : -22
73 : #22d89e : -20
75 : #1fdb9f : -18
77 : #1ddda0 : -16
79 : #1ae0a1 : -14
81 : #18e2a2 : -12
83 : #15e5a3 : -10
85 : #13e7a4 : -8
87 : #10eaa5 : -6
89 : #0eeca6 : -4
91 : #0befa7 : -2
93 : #09f1a8 : ±0
95 : #06f4a8 : +2
97 : #04f6a9 : +4
99 : #01f9aa : +6
L : 明度 ( 49% )
(0%) 暗い ~ 明るい (100%)
1 : #000503 : -48
3 : #010f0a : -46
5 : #011911 : -44
7 : #012218 : -42
9 : #022c1f : -40
11 : #023626 : -38
13 : #02402c : -36
15 : #034a33 : -34
17 : #03543a : -32
19 : #035e41 : -30
21 : #046748 : -28
23 : #04714f : -26
25 : #047b55 : -24
27 : #05855c : -22
29 : #058f63 : -20
31 : #06996a : -18
33 : #06a271 : -16
35 : #06ac78 : -14
37 : #07b67f : -12
39 : #07c085 : -10
41 : #07ca8c : -8
43 : #08d493 : -6
45 : #08dd9a : -4
47 : #08e7a1 : -2
49 : #09f1a8 : ±0
51 : #0ef6ad : +2
53 : #18f7b0 : +4
55 : #22f7b3 : +6
57 : #2bf7b7 : +8
59 : #35f8ba : +10
61 : #3ff8bd : +12
63 : #49f8c1 : +14
65 : #53f9c4 : +16
67 : #5df9c8 : +18
69 : #66f9cb : +20
71 : #70face : +22
73 : #7afad2 : +24
75 : #84fbd5 : +26
77 : #8efbd8 : +28
79 : #98fbdc : +30
81 : #a1fcdf : +32
83 : #abfce2 : +34
85 : #b5fce6 : +36
87 : #bffde9 : +38
89 : #c9fded : +40
91 : #d3fdf0 : +42
93 : #ddfef3 : +44
95 : #e6fef7 : +46
97 : #f0fefa : +48
99 : #fafffd : +50
CSS入門、作ってます。
text-shadow