#8ed7a0
RGB
| 赤 | 142 |
|---|---|
| 緑 | 215 |
| 青 | 160 |
HSL
| 色相 | 135° |
|---|---|
| 彩度 | 48% |
| 明度 | 70% |
| 輝度 | 73% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 142, 緑 = 215, 青 = 160 )
HSL ( 色相 = 135°, 彩度 = 48%, 明度 = 70% )
H : 色相 ( 135° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #d7948e : -130
15 : #d7a08e : -120
25 : #d7ac8e : -110
35 : #d7b98e : -100
45 : #d7c58e : -90
55 : #d7d18e : -80
65 : #d1d78e : -70
75 : #c5d78e : -60
85 : #b9d78e : -50
95 : #acd78e : -40
105 : #a0d78e : -30
115 : #94d78e : -20
125 : #8ed794 : -10
135 : #8ed7a0 : ±0
145 : #8ed7ac : +10
155 : #8ed7b9 : +20
165 : #8ed7c5 : +30
175 : #8ed7d1 : +40
185 : #8ed1d7 : +50
195 : #8ec5d7 : +60
205 : #8eb9d7 : +70
215 : #8eacd7 : +80
225 : #8ea0d7 : +90
235 : #8e94d7 : +100
245 : #948ed7 : +110
255 : #a08ed7 : +120
265 : #ac8ed7 : +130
275 : #b98ed7 : +140
285 : #c58ed7 : +150
295 : #d18ed7 : +160
305 : #d78ed1 : +170
315 : #d78ec5 : +180
325 : #d78eb9 : +190
335 : #d78eac : +200
345 : #d78ea0 : +210
355 : #d78e94 : +220
125 : #8ed794 : -10
126 : #8ed795 : -9
127 : #8ed796 : -8
128 : #8ed798 : -7
129 : #8ed799 : -6
130 : #8ed79a : -5
131 : #8ed79b : -4
132 : #8ed79c : -3
133 : #8ed79e : -2
134 : #8ed79f : -1
135 : #8ed7a0 : ±0
136 : #8ed7a1 : +1
137 : #8ed7a3 : +2
138 : #8ed7a4 : +3
139 : #8ed7a5 : +4
140 : #8ed7a6 : +5
141 : #8ed7a7 : +6
142 : #8ed7a9 : +7
143 : #8ed7aa : +8
144 : #8ed7ab : +9
145 : #8ed7ac : +10
S : 彩度 ( 48% )
(0%) 渋い ～ 鮮やか (100%)
0 : #b2b2b2 : -48
2 : #b1b4b2 : -46
4 : #afb6b1 : -44
6 : #aeb7b0 : -42
8 : #acb9af : -40
10 : #abbaaf : -38
12 : #a9bcae : -36
14 : #a8bdad : -34
16 : #a6bfac : -32
18 : #a5c0ac : -30
20 : #a3c2ab : -28
22 : #a2c3aa : -26
24 : #a0c5a9 : -24
26 : #9fc6a9 : -22
28 : #9dc8a8 : -20
30 : #9cc9a7 : -18
32 : #9acba6 : -16
34 : #98cda5 : -14
36 : #97cea5 : -12
38 : #95d0a4 : -10
40 : #94d1a3 : -8
42 : #92d3a2 : -6
44 : #91d4a2 : -4
46 : #8fd6a1 : -2
48 : #8ed7a0 : ±0
50 : #8cd99f : +2
52 : #8bda9f : +4
54 : #89dc9e : +6
56 : #88dd9d : +8
58 : #86df9c : +10
60 : #85e09c : +12
62 : #83e29b : +14
64 : #82e39a : +16
66 : #80e599 : +18
68 : #7ee798 : +20
70 : #7de898 : +22
72 : #7bea97 : +24
74 : #7aeb96 : +26
76 : #78ed95 : +28
78 : #77ee95 : +30
80 : #75f094 : +32
82 : #74f193 : +34
84 : #72f392 : +36
86 : #71f492 : +38
88 : #6ff691 : +40
90 : #6ef790 : +42
92 : #6cf98f : +44
94 : #6bfa8f : +46
96 : #69fc8e : +48
98 : #68fd8d : +50
100 : #66ff8c : +52
L : 明度 ( 70% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -70
2 : #030804 : -68
4 : #050f08 : -66
6 : #08170c : -64
8 : #0b1e10 : -62
10 : #0d2613 : -60
12 : #102d17 : -58
14 : #13351b : -56
16 : #153c1f : -54
18 : #184423 : -52
20 : #1b4b27 : -50
22 : #1d532b : -48
24 : #205b2f : -46
26 : #226232 : -44
28 : #256a36 : -42
30 : #28713a : -40
32 : #2a793e : -38
34 : #2d8042 : -36
36 : #308846 : -34
38 : #328f4a : -32
40 : #35974e : -30
42 : #389f51 : -28
44 : #3aa655 : -26
46 : #3dae59 : -24
48 : #40b55d : -22
50 : #42bd61 : -20
52 : #4abf67 : -18
54 : #51c26e : -16
56 : #59c574 : -14
58 : #60c77a : -12
60 : #68ca81 : -10
62 : #70cd87 : -8
64 : #77cf8d : -6
66 : #7fd293 : -4
68 : #86d59a : -2
70 : #8ed7a0 : ±0
72 : #95daa6 : +2
74 : #9dddad : +4
76 : #a4dfb3 : +6
78 : #ace2b9 : +8
80 : #b4e4c0 : +10
82 : #bbe7c6 : +12
84 : #c3eacc : +14
86 : #caecd3 : +16
88 : #d2efd9 : +18
90 : #d9f2df : +20
92 : #e1f4e6 : +22
94 : #e8f7ec : +24
96 : #f0faf2 : +26
98 : #f7fcf9 : +28
100 : #ffffff : +30
CSS入門、作ってます。
text-shadow