#087d58
RGB
赤 | 8 |
---|---|
緑 | 125 |
青 | 88 |
HSL
色相 | 161° |
---|---|
彩度 | 88% |
明度 | 26% |
輝度 | 34% |
3桁の色
補色
反転色
RGB ( 赤 = 8, 緑 = 125, 青 = 88 )
HSL ( 色相 = 161°, 彩度 = 88%, 明度 = 26% )
H : 色相 ( 161° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #7d0a08 : -160
11 : #7d1d08 : -150
21 : #7d3108 : -140
31 : #7d4408 : -130
41 : #7d5808 : -120
51 : #7d6b08 : -110
61 : #7b7d08 : -100
71 : #677d08 : -90
81 : #547d08 : -80
91 : #407d08 : -70
101 : #2d7d08 : -60
111 : #197d08 : -50
121 : #087d0a : -40
131 : #087d1d : -30
141 : #087d31 : -20
151 : #087d44 : -10
161 : #087d58 : ±0
171 : #087d6b : +10
181 : #087b7d : +20
191 : #08677d : +30
201 : #08547d : +40
211 : #08407d : +50
221 : #082d7d : +60
231 : #08197d : +70
241 : #0a087d : +80
251 : #1d087d : +90
261 : #31087d : +100
271 : #44087d : +110
281 : #58087d : +120
291 : #6b087d : +130
301 : #7d087b : +140
311 : #7d0867 : +150
321 : #7d0854 : +160
331 : #7d0840 : +170
341 : #7d082d : +180
351 : #7d0819 : +190
151 : #087d44 : -10
152 : #087d46 : -9
153 : #087d48 : -8
154 : #087d4a : -7
155 : #087d4c : -6
156 : #087d4e : -5
157 : #087d50 : -4
158 : #087d52 : -3
159 : #087d54 : -2
160 : #087d56 : -1
161 : #087d58 : ±0
162 : #087d5a : +1
163 : #087d5c : +2
164 : #087d5e : +3
165 : #087d5f : +4
166 : #087d61 : +5
167 : #087d63 : +6
168 : #087d65 : +7
169 : #087d67 : +8
170 : #087d69 : +9
171 : #087d6b : +10
S : 彩度 ( 88% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -88
2 : #414443 : -86
4 : #404543 : -84
6 : #3e4644 : -82
8 : #3d4844 : -80
10 : #3c4945 : -78
12 : #3a4a45 : -76
14 : #394c46 : -74
16 : #384d46 : -72
18 : #364e47 : -70
20 : #355047 : -68
22 : #345148 : -66
24 : #325248 : -64
26 : #315449 : -62
28 : #305549 : -60
30 : #2e564a : -58
32 : #2d584a : -56
34 : #2c594b : -54
36 : #2a5a4b : -52
38 : #295b4c : -50
40 : #285d4c : -48
42 : #265e4d : -46
44 : #255f4d : -44
46 : #24614d : -42
48 : #22624e : -40
50 : #21634e : -38
52 : #20654f : -36
54 : #1e664f : -34
56 : #1d6750 : -32
58 : #1c6950 : -30
60 : #1b6a51 : -28
62 : #196b51 : -26
64 : #186d52 : -24
66 : #176e52 : -22
68 : #156f53 : -20
70 : #147153 : -18
72 : #137254 : -16
74 : #117354 : -14
76 : #107555 : -12
78 : #0f7655 : -10
80 : #0d7756 : -8
82 : #0c7956 : -6
84 : #0b7a57 : -4
86 : #097b57 : -2
88 : #087d58 : ±0
90 : #077e58 : +2
92 : #057f59 : +4
94 : #048159 : +6
96 : #03825a : +8
98 : #01835a : +10
100 : #00855b : +12
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #010a07 : -24
4 : #01130d : -22
6 : #021d14 : -20
8 : #02261b : -18
10 : #033022 : -16
12 : #043a28 : -14
14 : #04432f : -12
16 : #054d36 : -10
18 : #06563d : -8
20 : #066043 : -6
22 : #07694a : -4
24 : #077351 : -2
26 : #087d58 : ±0
28 : #09865e : +2
30 : #099065 : +4
32 : #0a996c : +6
34 : #0aa373 : +8
36 : #0bad79 : +10
38 : #0cb680 : +12
40 : #0cc087 : +14
42 : #0dc98e : +16
44 : #0dd394 : +18
46 : #0edd9b : +20
48 : #0fe6a2 : +22
50 : #0ff0a9 : +24
52 : #19f0ac : +26
54 : #22f1b0 : +28
56 : #2cf2b3 : +30
58 : #36f2b6 : +32
60 : #3ff3ba : +34
62 : #49f3bd : +36
64 : #52f4c1 : +38
66 : #5cf5c4 : +40
68 : #66f5c8 : +42
70 : #6ff6cb : +44
72 : #79f6cf : +46
74 : #82f7d2 : +48
76 : #8cf8d6 : +50
78 : #96f8d9 : +52
80 : #9ff9dc : +54
82 : #a9f9e0 : +56
84 : #b2fae3 : +58
86 : #bcfbe7 : +60
88 : #c5fbea : +62
90 : #cffcee : +64
92 : #d9fdf1 : +66
94 : #e2fdf5 : +68
96 : #ecfef8 : +70
98 : #f5fefc : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow