#087d31
RGB
赤 | 8 |
---|---|
緑 | 125 |
青 | 49 |
HSL
色相 | 141° |
---|---|
彩度 | 88% |
明度 | 26% |
輝度 | 32% |
3桁の色
補色
反転色
RGB ( 赤 = 8, 緑 = 125, 青 = 49 )
HSL ( 色相 = 141°, 彩度 = 88%, 明度 = 26% )
H : 色相 ( 141° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7d0a08 : -140
11 : #7d1d08 : -130
21 : #7d3108 : -120
31 : #7d4408 : -110
41 : #7d5808 : -100
51 : #7d6b08 : -90
61 : #7b7d08 : -80
71 : #677d08 : -70
81 : #547d08 : -60
91 : #407d08 : -50
101 : #2d7d08 : -40
111 : #197d08 : -30
121 : #087d0a : -20
131 : #087d1d : -10
141 : #087d31 : ±0
151 : #087d44 : +10
161 : #087d58 : +20
171 : #087d6b : +30
181 : #087b7d : +40
191 : #08677d : +50
201 : #08547d : +60
211 : #08407d : +70
221 : #082d7d : +80
231 : #08197d : +90
241 : #0a087d : +100
251 : #1d087d : +110
261 : #31087d : +120
271 : #44087d : +130
281 : #58087d : +140
291 : #6b087d : +150
301 : #7d087b : +160
311 : #7d0867 : +170
321 : #7d0854 : +180
331 : #7d0840 : +190
341 : #7d082d : +200
351 : #7d0819 : +210
131 : #087d1d : -10
132 : #087d1f : -9
133 : #087d21 : -8
134 : #087d23 : -7
135 : #087d25 : -6
136 : #087d27 : -5
137 : #087d29 : -4
138 : #087d2b : -3
139 : #087d2d : -2
140 : #087d2f : -1
141 : #087d31 : ±0
142 : #087d33 : +1
143 : #087d35 : +2
144 : #087d37 : +3
145 : #087d39 : +4
146 : #087d3b : +5
147 : #087d3c : +6
148 : #087d3e : +7
149 : #087d40 : +8
150 : #087d42 : +9
151 : #087d44 : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -88
2 : #414442 : -86
4 : #404542 : -84
6 : #3e4641 : -82
8 : #3d4841 : -80
10 : #3c4940 : -78
12 : #3a4a40 : -76
14 : #394c40 : -74
16 : #384d3f : -72
18 : #364e3f : -70
20 : #35503e : -68
22 : #34513e : -66
24 : #32523e : -64
26 : #31543d : -62
28 : #30553d : -60
30 : #2e563c : -58
32 : #2d583c : -56
34 : #2c593c : -54
36 : #2a5a3b : -52
38 : #295b3b : -50
40 : #285d3a : -48
42 : #265e3a : -46
44 : #255f3a : -44
46 : #246139 : -42
48 : #226239 : -40
50 : #216338 : -38
52 : #206538 : -36
54 : #1e6638 : -34
56 : #1d6737 : -32
58 : #1c6937 : -30
60 : #1b6a36 : -28
62 : #196b36 : -26
64 : #186d36 : -24
66 : #176e35 : -22
68 : #156f35 : -20
70 : #147134 : -18
72 : #137234 : -16
74 : #117334 : -14
76 : #107533 : -12
78 : #0f7633 : -10
80 : #0d7732 : -8
82 : #0c7932 : -6
84 : #0b7a32 : -4
86 : #097b31 : -2
88 : #087d31 : ±0
90 : #077e30 : +2
92 : #057f30 : +4
94 : #048130 : +6
96 : #03822f : +8
98 : #01832f : +10
100 : #00852e : +12
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #010a04 : -24
4 : #011308 : -22
6 : #021d0b : -20
8 : #02260f : -18
10 : #033013 : -16
12 : #043a17 : -14
14 : #04431a : -12
16 : #054d1e : -10
18 : #065622 : -8
20 : #066026 : -6
22 : #076929 : -4
24 : #07732d : -2
26 : #087d31 : ±0
28 : #098635 : +2
30 : #099038 : +4
32 : #0a993c : +6
34 : #0aa340 : +8
36 : #0bad44 : +10
38 : #0cb647 : +12
40 : #0cc04b : +14
42 : #0dc94f : +16
44 : #0dd353 : +18
46 : #0edd56 : +20
48 : #0fe65a : +22
50 : #0ff05e : +24
52 : #19f064 : +26
54 : #22f16b : +28
56 : #2cf271 : +30
58 : #36f278 : +32
60 : #3ff37e : +34
62 : #49f385 : +36
64 : #52f48b : +38
66 : #5cf591 : +40
68 : #66f598 : +42
70 : #6ff69e : +44
72 : #79f6a5 : +46
74 : #82f7ab : +48
76 : #8cf8b2 : +50
78 : #96f8b8 : +52
80 : #9ff9bf : +54
82 : #a9f9c5 : +56
84 : #b2facb : +58
86 : #bcfbd2 : +60
88 : #c5fbd8 : +62
90 : #cffcdf : +64
92 : #d9fde5 : +66
94 : #e2fdec : +68
96 : #ecfef2 : +70
98 : #f5fef9 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow