#3eeab0
RGB
赤 | 62 |
---|---|
緑 | 234 |
青 | 176 |
HSL
色相 | 160° |
---|---|
彩度 | 80% |
明度 | 58% |
輝度 | 69% |
3桁の色
補色
反転色
RGB ( 赤 = 62, 緑 = 234, 青 = 176 )
HSL ( 色相 = 160°, 彩度 = 80%, 明度 = 58% )
H : 色相 ( 160° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ea3e3e : -160
10 : #ea5b3e : -150
20 : #ea773e : -140
30 : #ea943e : -130
40 : #eab03e : -120
50 : #eacd3e : -110
60 : #eaea3e : -100
70 : #cdea3e : -90
80 : #b0ea3e : -80
90 : #94ea3e : -70
100 : #77ea3e : -60
110 : #5bea3e : -50
120 : #3eea3e : -40
130 : #3eea5b : -30
140 : #3eea77 : -20
150 : #3eea94 : -10
160 : #3eeab0 : ±0
170 : #3eeacd : +10
180 : #3eeaea : +20
190 : #3ecdea : +30
200 : #3eb0ea : +40
210 : #3e94ea : +50
220 : #3e77ea : +60
230 : #3e5bea : +70
240 : #3e3eea : +80
250 : #5b3eea : +90
260 : #773eea : +100
270 : #943eea : +110
280 : #b03eea : +120
290 : #cd3eea : +130
300 : #ea3eea : +140
310 : #ea3ecd : +150
320 : #ea3eb0 : +160
330 : #ea3e94 : +170
340 : #ea3e77 : +180
350 : #ea3e5b : +190
150 : #3eea94 : -10
151 : #3eea97 : -9
152 : #3eea9a : -8
153 : #3eea9c : -7
154 : #3eea9f : -6
155 : #3eeaa2 : -5
156 : #3eeaa5 : -4
157 : #3eeaa8 : -3
158 : #3eeaab : -2
159 : #3eeaae : -1
160 : #3eeab0 : ±0
161 : #3eeab3 : +1
162 : #3eeab6 : +2
163 : #3eeab9 : +3
164 : #3eeabc : +4
165 : #3eeabf : +5
166 : #3eeac2 : +6
167 : #3eeac4 : +7
168 : #3eeac7 : +8
169 : #3eeaca : +9
170 : #3eeacd : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -80
2 : #929695 : -78
4 : #909895 : -76
6 : #8d9a96 : -74
8 : #8b9c97 : -72
10 : #899f97 : -70
12 : #87a198 : -68
14 : #85a399 : -66
16 : #83a59a : -64
18 : #81a79a : -62
20 : #7ea99b : -60
22 : #7cab9c : -58
24 : #7aae9c : -56
26 : #78b09d : -54
28 : #76b29e : -52
30 : #74b49f : -50
32 : #72b69f : -48
34 : #6fb8a0 : -46
36 : #6dbaa1 : -44
38 : #6bbda1 : -42
40 : #69bfa2 : -40
42 : #67c1a3 : -38
44 : #65c3a4 : -36
46 : #63c5a4 : -34
48 : #60c7a5 : -32
50 : #5ec9a6 : -30
52 : #5ccca6 : -28
54 : #5acea7 : -26
56 : #58d0a8 : -24
58 : #56d2a9 : -22
60 : #54d4a9 : -20
62 : #51d6aa : -18
64 : #4fd8ab : -16
66 : #4ddbab : -14
68 : #4bddac : -12
70 : #49dfad : -10
72 : #47e1ae : -8
74 : #45e3ae : -6
76 : #43e5af : -4
78 : #40e7b0 : -2
80 : #3eeab0 : ±0
82 : #3cecb1 : +2
84 : #3aeeb2 : +4
86 : #38f0b3 : +6
88 : #36f2b3 : +8
90 : #34f4b4 : +10
92 : #31f6b5 : +12
94 : #2ff9b5 : +14
96 : #2dfbb6 : +16
98 : #2bfdb7 : +18
100 : #29ffb8 : +20
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #010906 : -56
4 : #02120d : -54
6 : #031c13 : -52
8 : #04251a : -50
10 : #052e20 : -48
12 : #063727 : -46
14 : #07402d : -44
16 : #084934 : -42
18 : #09533a : -40
20 : #0a5c41 : -38
22 : #0b6547 : -36
24 : #0c6e4e : -34
26 : #0d7754 : -32
28 : #0e815a : -30
30 : #0f8a61 : -28
32 : #109367 : -26
34 : #119c6e : -24
36 : #12a574 : -22
38 : #13ae7b : -20
40 : #14b881 : -18
42 : #15c188 : -16
44 : #16ca8e : -14
46 : #17d395 : -12
48 : #18dc9b : -10
50 : #1ae6a2 : -8
52 : #23e7a5 : -6
54 : #2ce8a9 : -4
56 : #35e9ad : -2
58 : #3eeab0 : ±0
60 : #47ebb4 : +2
62 : #51ecb8 : +4
64 : #5aedbc : +6
66 : #63eebf : +8
68 : #6cefc3 : +10
70 : #75f0c7 : +12
72 : #7ef1cb : +14
74 : #88f2ce : +16
76 : #91f3d2 : +18
78 : #9af4d6 : +20
80 : #a3f5da : +22
82 : #acf6dd : +24
84 : #b6f7e1 : +26
86 : #bff8e5 : +28
88 : #c8f9e9 : +30
90 : #d1faec : +32
92 : #dafbf0 : +34
94 : #e3fcf4 : +36
96 : #edfdf8 : +38
98 : #f6fefb : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow