#12aebf
RGB
| 赤 | 18 |
|---|---|
| 緑 | 174 |
| 青 | 191 |
HSL
| 色相 | 186° |
|---|---|
| 彩度 | 83% |
| 明度 | 41% |
| 輝度 | 51% |
３桁の色
補色
反転色
RGB ( 赤 = 18, 緑 = 174, 青 = 191 )
HSL ( 色相 = 186°, 彩度 = 83%, 明度 = 41% )
H : 色相 ( 186° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #bf2312 : -180
16 : #bf4012 : -170
26 : #bf5d12 : -160
36 : #bf7a12 : -150
46 : #bf9712 : -140
56 : #bfb412 : -130
66 : #aebf12 : -120
76 : #91bf12 : -110
86 : #74bf12 : -100
96 : #57bf12 : -90
106 : #3abf12 : -80
116 : #1dbf12 : -70
126 : #12bf23 : -60
136 : #12bf40 : -50
146 : #12bf5d : -40
156 : #12bf7a : -30
166 : #12bf97 : -20
176 : #12bfb4 : -10
186 : #12aebf : ±0
196 : #1291bf : +10
206 : #1274bf : +20
216 : #1257bf : +30
226 : #123abf : +40
236 : #121dbf : +50
246 : #2312bf : +60
256 : #4012bf : +70
266 : #5d12bf : +80
276 : #7a12bf : +90
286 : #9712bf : +100
296 : #b412bf : +110
306 : #bf12ae : +120
316 : #bf1291 : +130
326 : #bf1274 : +140
336 : #bf1257 : +150
346 : #bf123a : +160
356 : #bf121d : +170
176 : #12bfb4 : -10
177 : #12bfb7 : -9
178 : #12bfba : -8
179 : #12bfbc : -7
180 : #12bfbf : -6
181 : #12bcbf : -5
182 : #12babf : -4
183 : #12b7bf : -3
184 : #12b4bf : -2
185 : #12b1bf : -1
186 : #12aebf : ±0
187 : #12abbf : +1
188 : #12a8bf : +2
189 : #12a5bf : +3
190 : #12a2bf : +4
191 : #12a0bf : +5
192 : #129dbf : +6
193 : #129abf : +7
194 : #1297bf : +8
195 : #1294bf : +9
196 : #1291bf : +10
S : 彩度 ( 83% )
(0%) 渋い ～ 鮮やか (100%)
1 : #68696a : -82
3 : #656b6c : -80
5 : #636d6e : -78
7 : #616e70 : -76
9 : #5f7072 : -74
11 : #5d7274 : -72
13 : #5b7376 : -70
15 : #597578 : -68
17 : #57777a : -66
19 : #55787c : -64
21 : #537a7f : -62
23 : #517c81 : -60
25 : #4e7d83 : -58
27 : #4c7f85 : -56
29 : #4a8187 : -54
31 : #488289 : -52
33 : #46848b : -50
35 : #44868d : -48
37 : #42878f : -46
39 : #408991 : -44
41 : #3e8b93 : -42
43 : #3c8d96 : -40
45 : #3a8e98 : -38
47 : #37909a : -36
49 : #35929c : -34
51 : #33939e : -32
53 : #3195a0 : -30
55 : #2f97a2 : -28
57 : #2d98a4 : -26
59 : #2b9aa6 : -24
61 : #299ca8 : -22
63 : #279daa : -20
65 : #259fad : -18
67 : #23a1af : -16
69 : #20a2b1 : -14
71 : #1ea4b3 : -12
73 : #1ca6b5 : -10
75 : #1aa7b7 : -8
77 : #18a9b9 : -6
79 : #16abbb : -4
81 : #14acbd : -2
83 : #12aebf : ±0
85 : #10b0c1 : +2
87 : #0eb1c4 : +4
89 : #0cb3c6 : +6
91 : #09b5c8 : +8
93 : #07b6ca : +10
95 : #05b8cc : +12
97 : #03bace : +14
99 : #01bbd0 : +16
L : 明度 ( 41% )
(0%) 暗い ～ 明るい (100%)
1 : #000405 : -40
3 : #010d0e : -38
5 : #021517 : -36
7 : #031e21 : -34
9 : #04262a : -32
11 : #052f33 : -30
13 : #06373d : -28
15 : #074046 : -26
17 : #07484f : -24
19 : #085159 : -22
21 : #095962 : -20
23 : #0a626b : -18
25 : #0b6a75 : -16
27 : #0c737e : -14
29 : #0d7b87 : -12
31 : #0d8491 : -10
33 : #0e8c9a : -8
35 : #0f95a3 : -6
37 : #109dad : -4
39 : #11a5b6 : -2
41 : #12aebf : ±0
43 : #13b6c9 : +2
45 : #14bfd2 : +4
47 : #14c7db : +6
49 : #15d0e5 : +8
51 : #1ad5ea : +10
53 : #24d7eb : +12
55 : #2dd8eb : +14
57 : #36daec : +16
59 : #40dced : +18
61 : #49deee : +20
63 : #52dfef : +22
65 : #5ce1f0 : +24
67 : #65e3f1 : +26
69 : #6ee4f2 : +28
71 : #78e6f2 : +30
73 : #81e8f3 : +32
75 : #8aeaf4 : +34
77 : #94ebf5 : +36
79 : #9dedf6 : +38
81 : #a6eff7 : +40
83 : #b0f0f8 : +42
85 : #b9f2f8 : +44
87 : #c2f4f9 : +46
89 : #ccf6fa : +48
91 : #d5f7fb : +50
93 : #def9fc : +52
95 : #e8fbfd : +54
97 : #f1fcfe : +56
99 : #fafeff : +58
CSS入門、作ってます。
text-shadow