#59dea0
RGB
赤 | 89 |
---|---|
緑 | 222 |
青 | 160 |
HSL
色相 | 152° |
---|---|
彩度 | 67% |
明度 | 61% |
輝度 | 69% |
3桁の色
補色
反転色
RGB ( 赤 = 89, 緑 = 222, 青 = 160 )
HSL ( 色相 = 152°, 彩度 = 67%, 明度 = 61% )
H : 色相 ( 152° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #de5d59 : -150
12 : #de7459 : -140
22 : #de8a59 : -130
32 : #dea059 : -120
42 : #deb659 : -110
52 : #decc59 : -100
62 : #dade59 : -90
72 : #c4de59 : -80
82 : #adde59 : -70
92 : #97de59 : -60
102 : #81de59 : -50
112 : #6bde59 : -40
122 : #59de5d : -30
132 : #59de74 : -20
142 : #59de8a : -10
152 : #59dea0 : ±0
162 : #59deb6 : +10
172 : #59decc : +20
182 : #59dade : +30
192 : #59c4de : +40
202 : #59adde : +50
212 : #5997de : +60
222 : #5981de : +70
232 : #596bde : +80
242 : #5d59de : +90
252 : #7459de : +100
262 : #8a59de : +110
272 : #a059de : +120
282 : #b659de : +130
292 : #cc59de : +140
302 : #de59da : +150
312 : #de59c4 : +160
322 : #de59ad : +170
332 : #de5997 : +180
342 : #de5981 : +190
352 : #de596b : +200
142 : #59de8a : -10
143 : #59de8c : -9
144 : #59de8e : -8
145 : #59de90 : -7
146 : #59de93 : -6
147 : #59de95 : -5
148 : #59de97 : -4
149 : #59de99 : -3
150 : #59de9c : -2
151 : #59de9e : -1
152 : #59dea0 : ±0
153 : #59dea2 : +1
154 : #59dea4 : +2
155 : #59dea7 : +3
156 : #59dea9 : +4
157 : #59deab : +5
158 : #59dead : +6
159 : #59deb0 : +7
160 : #59deb2 : +8
161 : #59deb4 : +9
162 : #59deb6 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #9b9d9c : -66
3 : #999f9c : -64
5 : #97a19c : -62
7 : #95a39c : -60
9 : #93a59c : -58
11 : #91a69c : -56
13 : #8fa89c : -54
15 : #8daa9d : -52
17 : #8bac9d : -50
19 : #89ae9d : -48
21 : #87b09d : -46
23 : #85b29d : -44
25 : #83b49d : -42
27 : #81b69d : -40
29 : #7fb89d : -38
31 : #7dba9e : -36
33 : #7bbc9e : -34
35 : #79be9e : -32
37 : #77c09e : -30
39 : #75c29e : -28
41 : #73c49e : -26
43 : #71c69e : -24
45 : #6fc89f : -22
47 : #6dca9f : -20
49 : #6bcc9f : -18
51 : #69ce9f : -16
53 : #67d09f : -14
55 : #65d29f : -12
57 : #63d49f : -10
59 : #61d69f : -8
61 : #5fd8a0 : -6
63 : #5ddaa0 : -4
65 : #5bdca0 : -2
67 : #59dea0 : ±0
69 : #57e0a0 : +2
71 : #55e2a0 : +4
73 : #53e4a0 : +6
75 : #51e6a1 : +8
77 : #4fe8a1 : +10
79 : #4deaa1 : +12
81 : #4beca1 : +14
83 : #49eea1 : +16
85 : #47f0a1 : +18
87 : #45f2a1 : +20
89 : #43f4a1 : +22
91 : #41f6a2 : +24
93 : #3ff8a2 : +26
95 : #3dfaa2 : +28
97 : #3bfca2 : +30
99 : #39fea2 : +32
L : 明度 ( 61% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -60
3 : #030d08 : -58
5 : #04150d : -56
7 : #061e13 : -54
9 : #082618 : -52
11 : #092f1d : -50
13 : #0b3723 : -48
15 : #0d4028 : -46
17 : #0e482d : -44
19 : #105133 : -42
21 : #125938 : -40
23 : #13623d : -38
25 : #156a43 : -36
27 : #177348 : -34
29 : #187b4d : -32
31 : #1a8453 : -30
33 : #1c8d58 : -28
35 : #1d955d : -26
37 : #1f9e63 : -24
39 : #21a668 : -22
41 : #23af6d : -20
43 : #24b773 : -18
45 : #26c078 : -16
47 : #28c87d : -14
49 : #29d183 : -12
51 : #2ed688 : -10
53 : #37d78d : -8
55 : #3fd991 : -6
57 : #48db96 : -4
59 : #50dc9b : -2
61 : #59dea0 : ±0
63 : #61e0a5 : +2
65 : #6ae2aa : +4
67 : #72e3af : +6
69 : #7be5b3 : +8
71 : #84e7b8 : +10
73 : #8ce8bd : +12
75 : #95eac2 : +14
77 : #9decc7 : +16
79 : #a6edcc : +18
81 : #aeefd1 : +20
83 : #b7f1d6 : +22
85 : #bff2da : +24
87 : #c8f4df : +26
89 : #d0f6e4 : +28
91 : #d9f7e9 : +30
93 : #e1f9ee : +32
95 : #eafbf3 : +34
97 : #f2fcf8 : +36
99 : #fbfefd : +38
CSS入門、作ってます。
text-shadow