#0f7b60
RGB
| 赤 | 15 |
|---|---|
| 緑 | 123 |
| 青 | 96 |
HSL
| 色相 | 165° |
|---|---|
| 彩度 | 78% |
| 明度 | 27% |
| 輝度 | 34% |
３桁の色
補色
反転色
RGB ( 赤 = 15, 緑 = 123, 青 = 96 )
HSL ( 色相 = 165°, 彩度 = 78%, 明度 = 27% )
H : 色相 ( 165° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #7b180f : -160
15 : #7b2a0f : -150
25 : #7b3c0f : -140
35 : #7b4e0f : -130
45 : #7b600f : -120
55 : #7b720f : -110
65 : #727b0f : -100
75 : #607b0f : -90
85 : #4e7b0f : -80
95 : #3c7b0f : -70
105 : #2a7b0f : -60
115 : #187b0f : -50
125 : #0f7b18 : -40
135 : #0f7b2a : -30
145 : #0f7b3c : -20
155 : #0f7b4e : -10
165 : #0f7b60 : ±0
175 : #0f7b72 : +10
185 : #0f727b : +20
195 : #0f607b : +30
205 : #0f4e7b : +40
215 : #0f3c7b : +50
225 : #0f2a7b : +60
235 : #0f187b : +70
245 : #180f7b : +80
255 : #2a0f7b : +90
265 : #3c0f7b : +100
275 : #4e0f7b : +110
285 : #600f7b : +120
295 : #720f7b : +130
305 : #7b0f72 : +140
315 : #7b0f60 : +150
325 : #7b0f4e : +160
335 : #7b0f3c : +170
345 : #7b0f2a : +180
355 : #7b0f18 : +190
155 : #0f7b4e : -10
156 : #0f7b50 : -9
157 : #0f7b51 : -8
158 : #0f7b53 : -7
159 : #0f7b55 : -6
160 : #0f7b57 : -5
161 : #0f7b59 : -4
162 : #0f7b5a : -3
163 : #0f7b5c : -2
164 : #0f7b5e : -1
165 : #0f7b60 : ±0
166 : #0f7b61 : +1
167 : #0f7b63 : +2
168 : #0f7b65 : +3
169 : #0f7b67 : +4
170 : #0f7b69 : +5
171 : #0f7b6a : +6
172 : #0f7b6c : +7
173 : #0f7b6e : +8
174 : #0f7b70 : +9
175 : #0f7b72 : +10
S : 彩度 ( 78% )
(0%) 渋い ～ 鮮やか (100%)
0 : #444444 : -78
2 : #434646 : -76
4 : #424846 : -74
6 : #414947 : -72
8 : #3f4a48 : -70
10 : #3e4c48 : -68
12 : #3d4d49 : -66
14 : #3b4e4a : -64
16 : #3a504a : -62
18 : #38514b : -60
20 : #37534c : -58
22 : #36544c : -56
24 : #34554d : -54
26 : #33574e : -52
28 : #32584e : -50
30 : #305a4f : -48
32 : #2f5b50 : -46
34 : #2d5c51 : -44
36 : #2c5e51 : -42
38 : #2b5f52 : -40
40 : #296053 : -38
42 : #286253 : -36
44 : #276354 : -34
46 : #256555 : -32
48 : #246655 : -30
50 : #226756 : -28
52 : #216957 : -26
54 : #206a57 : -24
56 : #1e6b58 : -22
58 : #1d6d59 : -20
60 : #1c6e5a : -18
62 : #1a705a : -16
64 : #19715b : -14
66 : #17725c : -12
68 : #16745c : -10
70 : #15755d : -8
72 : #13765e : -6
74 : #12785e : -4
76 : #11795f : -2
78 : #0f7b60 : ±0
80 : #0e7c60 : +2
82 : #0c7d61 : +4
84 : #0b7f62 : +6
86 : #0a8062 : +8
88 : #088163 : +10
90 : #078364 : +12
92 : #068465 : +14
94 : #048665 : +16
96 : #038766 : +18
98 : #018867 : +20
100 : #008a67 : +22
L : 明度 ( 27% )
(0%) 暗い ～ 明るい (100%)
1 : #010504 : -26
3 : #020e0b : -24
5 : #031712 : -22
7 : #042019 : -20
9 : #052920 : -18
11 : #063227 : -16
13 : #073b2e : -14
15 : #084435 : -12
17 : #0a4d3c : -10
19 : #0b5643 : -8
21 : #0c5f4a : -6
23 : #0d6852 : -4
25 : #0e7159 : -2
27 : #0f7b60 : ±0
29 : #108467 : +2
31 : #118d6e : +4
33 : #139675 : +6
35 : #149f7c : +8
37 : #15a883 : +10
39 : #16b18a : +12
41 : #17ba91 : +14
43 : #18c398 : +16
45 : #19cca0 : +18
47 : #1ad5a7 : +20
49 : #1bdeae : +22
51 : #21e4b3 : +24
53 : #2ae5b6 : +26
55 : #33e6b9 : +28
57 : #3ce7bc : +30
59 : #45e8bf : +32
61 : #4ee9c2 : +34
63 : #57eac5 : +36
65 : #60ebc9 : +38
67 : #69eccc : +40
69 : #72eecf : +42
71 : #7befd2 : +44
73 : #84f0d5 : +46
75 : #8ef1d8 : +48
77 : #97f2db : +50
79 : #a0f3de : +52
81 : #a9f4e1 : +54
83 : #b2f5e5 : +56
85 : #bbf7e8 : +58
87 : #c4f8eb : +60
89 : #cdf9ee : +62
91 : #d6faf1 : +64
93 : #dffbf4 : +66
95 : #e8fcf7 : +68
97 : #f1fdfa : +70
99 : #fafefd : +72
CSS入門、作ってます。
text-shadow