#2f9887
RGB
赤 | 47 |
---|---|
緑 | 152 |
青 | 135 |
HSL
色相 | 170° |
---|---|
彩度 | 53% |
明度 | 39% |
輝度 | 47% |
3桁の色
補色
反転色
RGB ( 赤 = 47, 緑 = 152, 青 = 135 )
HSL ( 色相 = 170°, 彩度 = 53%, 明度 = 39% )
H : 色相 ( 170° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #982f2f : -170
10 : #98402f : -160
20 : #98522f : -150
30 : #98632f : -140
40 : #98752f : -130
50 : #98872f : -120
60 : #98982f : -110
70 : #87982f : -100
80 : #75982f : -90
90 : #63982f : -80
100 : #52982f : -70
110 : #40982f : -60
120 : #2f982f : -50
130 : #2f9840 : -40
140 : #2f9852 : -30
150 : #2f9863 : -20
160 : #2f9875 : -10
170 : #2f9887 : ±0
180 : #2f9898 : +10
190 : #2f8798 : +20
200 : #2f7598 : +30
210 : #2f6398 : +40
220 : #2f5298 : +50
230 : #2f4098 : +60
240 : #2f2f98 : +70
250 : #402f98 : +80
260 : #522f98 : +90
270 : #632f98 : +100
280 : #752f98 : +110
290 : #872f98 : +120
300 : #982f98 : +130
310 : #982f87 : +140
320 : #982f75 : +150
330 : #982f63 : +160
340 : #982f52 : +170
350 : #982f40 : +180
160 : #2f9875 : -10
161 : #2f9877 : -9
162 : #2f9879 : -8
163 : #2f987a : -7
164 : #2f987c : -6
165 : #2f987e : -5
166 : #2f9880 : -4
167 : #2f9881 : -3
168 : #2f9883 : -2
169 : #2f9885 : -1
170 : #2f9887 : ±0
171 : #2f9888 : +1
172 : #2f988a : +2
173 : #2f988c : +3
174 : #2f988e : +4
175 : #2f988f : +5
176 : #2f9891 : +6
177 : #2f9893 : +7
178 : #2f9895 : +8
179 : #2f9896 : +9
180 : #2f9898 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #626464 : -52
3 : #606665 : -50
5 : #5e6867 : -48
7 : #5c6a68 : -46
9 : #5a6c69 : -44
11 : #596e6b : -42
13 : #57706c : -40
15 : #55726d : -38
17 : #53746f : -36
19 : #517670 : -34
21 : #4f7871 : -32
23 : #4d7a73 : -30
25 : #4b7c74 : -28
27 : #497e75 : -26
29 : #478077 : -24
31 : #458278 : -22
33 : #438479 : -20
35 : #41867b : -18
37 : #3f887c : -16
39 : #3d8a7d : -14
41 : #3b8c7f : -12
43 : #398e80 : -10
45 : #379081 : -8
47 : #359283 : -6
49 : #339484 : -4
51 : #319685 : -2
53 : #2f9887 : ±0
55 : #2d9a88 : +2
57 : #2b9c89 : +4
59 : #299e8b : +6
61 : #27a08c : +8
63 : #25a28d : +10
65 : #23a48f : +12
67 : #21a690 : +14
69 : #1fa891 : +16
71 : #1daa93 : +18
73 : #1bac94 : +20
75 : #19ae95 : +22
77 : #17b097 : +24
79 : #15b298 : +26
81 : #13b499 : +28
83 : #11b69a : +30
85 : #0fb89c : +32
87 : #0dba9d : +34
89 : #0bbc9e : +36
91 : #09bea0 : +38
93 : #07c0a1 : +40
95 : #05c2a2 : +42
97 : #03c4a4 : +44
99 : #01c6a5 : +46
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -38
3 : #040c0a : -36
5 : #061411 : -34
7 : #081b18 : -32
9 : #0b231f : -30
11 : #0d2b26 : -28
13 : #10332d : -26
15 : #123b34 : -24
17 : #14423b : -22
19 : #174a42 : -20
21 : #195248 : -18
23 : #1c5a4f : -16
25 : #1e6256 : -14
27 : #20695d : -12
29 : #237164 : -10
31 : #25796b : -8
33 : #288172 : -6
35 : #2a8979 : -4
37 : #2c9080 : -2
39 : #2f9887 : ±0
41 : #31a08d : +2
43 : #34a894 : +4
45 : #36b09b : +6
47 : #38b7a2 : +8
49 : #3bbfa9 : +10
51 : #40c4ae : +12
53 : #48c7b1 : +14
55 : #4fc9b5 : +16
57 : #57cbb8 : +18
59 : #5fcebb : +20
61 : #67d0bf : +22
63 : #6fd3c2 : +24
65 : #76d5c5 : +26
67 : #7ed7c9 : +28
69 : #86dacc : +30
71 : #8edccf : +32
73 : #96dfd2 : +34
75 : #9de1d6 : +36
77 : #a5e3d9 : +38
79 : #ade6dc : +40
81 : #b5e8e0 : +42
83 : #bdebe3 : +44
85 : #c4ede6 : +46
87 : #ccefea : +48
89 : #d4f2ed : +50
91 : #dcf4f0 : +52
93 : #e4f7f3 : +54
95 : #ebf9f7 : +56
97 : #f3fbfa : +58
99 : #fbfefd : +60
CSS入門、作ってます。
text-shadow