#78de96
RGB
赤 | 120 |
---|---|
緑 | 222 |
青 | 150 |
HSL
色相 | 138° |
---|---|
彩度 | 61% |
明度 | 67% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 120, 緑 = 222, 青 = 150 )
HSL ( 色相 = 138°, 彩度 = 61%, 明度 = 67% )
H : 色相 ( 138° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #de8578 : -130
18 : #de9678 : -120
28 : #dea778 : -110
38 : #deb978 : -100
48 : #deca78 : -90
58 : #dedb78 : -80
68 : #d0de78 : -70
78 : #bfde78 : -60
88 : #aede78 : -50
98 : #9dde78 : -40
108 : #8cde78 : -30
118 : #7bde78 : -20
128 : #78de85 : -10
138 : #78de96 : ±0
148 : #78dea7 : +10
158 : #78deb9 : +20
168 : #78deca : +30
178 : #78dedb : +40
188 : #78d0de : +50
198 : #78bfde : +60
208 : #78aede : +70
218 : #789dde : +80
228 : #788cde : +90
238 : #787bde : +100
248 : #8578de : +110
258 : #9678de : +120
268 : #a778de : +130
278 : #b978de : +140
288 : #ca78de : +150
298 : #db78de : +160
308 : #de78d0 : +170
318 : #de78bf : +180
328 : #de78ae : +190
338 : #de789d : +200
348 : #de788c : +210
358 : #de787b : +220
128 : #78de85 : -10
129 : #78de87 : -9
130 : #78de89 : -8
131 : #78de8a : -7
132 : #78de8c : -6
133 : #78de8e : -5
134 : #78de8f : -4
135 : #78de91 : -3
136 : #78de93 : -2
137 : #78de95 : -1
138 : #78de96 : ±0
139 : #78de98 : +1
140 : #78de9a : +2
141 : #78de9b : +3
142 : #78de9d : +4
143 : #78de9f : +5
144 : #78dea1 : +6
145 : #78dea2 : +7
146 : #78dea4 : +8
147 : #78dea6 : +9
148 : #78dea7 : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #aaacab : -60
3 : #a8adaa : -58
5 : #a7afa9 : -56
7 : #a5b1a8 : -54
9 : #a3b2a8 : -52
11 : #a2b4a7 : -50
13 : #a0b6a6 : -48
15 : #9eb7a6 : -46
17 : #9db9a5 : -44
19 : #9bbba4 : -42
21 : #99bda4 : -40
23 : #97bea3 : -38
25 : #96c0a2 : -36
27 : #94c2a2 : -34
29 : #92c3a1 : -32
31 : #91c5a0 : -30
33 : #8fc7a0 : -28
35 : #8dc89f : -26
37 : #8cca9e : -24
39 : #8acc9e : -22
41 : #88cd9d : -20
43 : #87cf9c : -18
45 : #85d19c : -16
47 : #83d29b : -14
49 : #82d49a : -12
51 : #80d69a : -10
53 : #7ed799 : -8
55 : #7dd998 : -6
57 : #7bdb98 : -4
59 : #79dc97 : -2
61 : #78de96 : ±0
63 : #76e096 : +2
65 : #74e295 : +4
67 : #72e394 : +6
69 : #71e594 : +8
71 : #6fe793 : +10
73 : #6de892 : +12
75 : #6cea92 : +14
77 : #6aec91 : +16
79 : #68ed90 : +18
81 : #67ef90 : +20
83 : #65f18f : +22
85 : #63f28e : +24
87 : #62f48e : +26
89 : #60f68d : +28
91 : #5ef78c : +30
93 : #5df98c : +32
95 : #5bfb8b : +34
97 : #59fc8a : +36
99 : #58fe8a : +38
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #010402 : -66
3 : #030c06 : -64
5 : #05150a : -62
7 : #071d0d : -60
9 : #092511 : -58
11 : #0b2d15 : -56
13 : #0d3519 : -54
15 : #0f3e1d : -52
17 : #114621 : -50
19 : #134e25 : -48
21 : #155628 : -46
23 : #175e2c : -44
25 : #196730 : -42
27 : #1b6f34 : -40
29 : #1d7738 : -38
31 : #1f7f3c : -36
33 : #218740 : -34
35 : #239043 : -32
37 : #259847 : -30
39 : #27a04b : -28
41 : #29a84f : -26
43 : #2bb153 : -24
45 : #2db957 : -22
47 : #2fc15b : -20
49 : #31c95e : -18
51 : #36ce64 : -16
53 : #3ed06a : -14
55 : #46d270 : -12
57 : #4ed477 : -10
59 : #57d67d : -8
61 : #5fd883 : -6
63 : #67da8a : -4
65 : #6fdc90 : -2
67 : #78de96 : ±0
69 : #80e09d : +2
71 : #88e2a3 : +4
73 : #90e4a9 : +6
75 : #98e6b0 : +8
77 : #a1e8b6 : +10
79 : #a9eabc : +12
81 : #b1ecc3 : +14
83 : #b9eec9 : +16
85 : #c1f0cf : +18
87 : #caf2d6 : +20
89 : #d2f4dc : +22
91 : #daf6e2 : +24
93 : #e2f8e9 : +26
95 : #eafaef : +28
97 : #f3fcf5 : +30
99 : #fbfefc : +32
CSS入門、作ってます。
text-shadow