#9bfdc2
RGB
赤 | 155 |
---|---|
緑 | 253 |
青 | 194 |
HSL
色相 | 144° |
---|---|
彩度 | 96% |
明度 | 80% |
輝度 | 85% |
3桁の色
補色
反転色
RGB ( 赤 = 155, 緑 = 253, 青 = 194 )
HSL ( 色相 = 144°, 彩度 = 96%, 明度 = 80% )
H : 色相 ( 144° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fda29b : -140
14 : #fdb29b : -130
24 : #fdc29b : -120
34 : #fdd39b : -110
44 : #fde39b : -100
54 : #fdf39b : -90
64 : #f6fd9b : -80
74 : #e6fd9b : -70
84 : #d6fd9b : -60
94 : #c5fd9b : -50
104 : #b5fd9b : -40
114 : #a5fd9b : -30
124 : #9bfda2 : -20
134 : #9bfdb2 : -10
144 : #9bfdc2 : ±0
154 : #9bfdd3 : +10
164 : #9bfde3 : +20
174 : #9bfdf3 : +30
184 : #9bf6fd : +40
194 : #9be6fd : +50
204 : #9bd6fd : +60
214 : #9bc5fd : +70
224 : #9bb5fd : +80
234 : #9ba5fd : +90
244 : #a29bfd : +100
254 : #b29bfd : +110
264 : #c29bfd : +120
274 : #d39bfd : +130
284 : #e39bfd : +140
294 : #f39bfd : +150
304 : #fd9bf6 : +160
314 : #fd9be6 : +170
324 : #fd9bd6 : +180
334 : #fd9bc5 : +190
344 : #fd9bb5 : +200
354 : #fd9ba5 : +210
134 : #9bfdb2 : -10
135 : #9bfdb4 : -9
136 : #9bfdb5 : -8
137 : #9bfdb7 : -7
138 : #9bfdb8 : -6
139 : #9bfdba : -5
140 : #9bfdbc : -4
141 : #9bfdbd : -3
142 : #9bfdbf : -2
143 : #9bfdc1 : -1
144 : #9bfdc2 : ±0
145 : #9bfdc4 : +1
146 : #9bfdc5 : +2
147 : #9bfdc7 : +3
148 : #9bfdc9 : +4
149 : #9bfdca : +5
150 : #9bfdcc : +6
151 : #9bfdce : +7
152 : #9bfdcf : +8
153 : #9bfdd1 : +9
154 : #9bfdd3 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #cccccc : -96
2 : #cbcdcc : -94
4 : #cacecc : -92
6 : #c9cfcb : -90
8 : #c8d0cb : -88
10 : #c7d1cb : -86
12 : #c6d2cb : -84
14 : #c5d3cb : -82
16 : #c4d4ca : -80
18 : #c3d5ca : -78
20 : #c2d6ca : -76
22 : #c1d7ca : -74
24 : #c0d8ca : -72
26 : #bfd9c9 : -70
28 : #bedac9 : -68
30 : #bddbc9 : -66
32 : #bcdcc9 : -64
34 : #bbddc9 : -62
36 : #badec8 : -60
38 : #b9dfc8 : -58
40 : #b8e0c8 : -56
42 : #b7e1c8 : -54
44 : #b6e2c8 : -52
46 : #b5e3c7 : -50
48 : #b4e4c7 : -48
50 : #b3e6c7 : -46
52 : #b1e7c7 : -44
54 : #b0e8c6 : -42
56 : #afe9c6 : -40
58 : #aeeac6 : -38
60 : #adebc6 : -36
62 : #acecc6 : -34
64 : #abedc5 : -32
66 : #aaeec5 : -30
68 : #a9efc5 : -28
70 : #a8f0c5 : -26
72 : #a7f1c5 : -24
74 : #a6f2c4 : -22
76 : #a5f3c4 : -20
78 : #a4f4c4 : -18
80 : #a3f5c4 : -16
82 : #a2f6c4 : -14
84 : #a1f7c3 : -12
86 : #a0f8c3 : -10
88 : #9ff9c3 : -8
90 : #9efac3 : -6
92 : #9dfbc3 : -4
94 : #9cfcc2 : -2
96 : #9bfdc2 : ±0
98 : #9afec2 : +2
100 : #99ffc2 : +4
L : 明度 ( 80% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -80
2 : #000a04 : -78
4 : #001408 : -76
6 : #011e0c : -74
8 : #012810 : -72
10 : #013215 : -70
12 : #013c19 : -68
14 : #01461d : -66
16 : #025021 : -64
18 : #025a25 : -62
20 : #026429 : -60
22 : #026e2d : -58
24 : #027831 : -56
26 : #038236 : -54
28 : #038c3a : -52
30 : #03963e : -50
32 : #03a042 : -48
34 : #03aa46 : -46
36 : #04b44a : -44
38 : #04be4e : -42
40 : #04c852 : -40
42 : #04d257 : -38
44 : #04dc5b : -36
46 : #05e65f : -34
48 : #05f063 : -32
50 : #05fa67 : -30
52 : #0ffa6d : -28
54 : #19fa73 : -26
56 : #23fb79 : -24
58 : #2dfb7f : -22
60 : #37fb85 : -20
62 : #41fb8b : -18
64 : #4bfb92 : -16
66 : #55fc98 : -14
68 : #5ffc9e : -12
70 : #69fca4 : -10
72 : #73fcaa : -8
74 : #7dfcb0 : -6
76 : #87fdb6 : -4
78 : #91fdbc : -2
80 : #9bfdc2 : ±0
82 : #a5fdc8 : +2
84 : #affdce : +4
86 : #b9fed4 : +6
88 : #c3fedb : +8
90 : #cdfee1 : +10
92 : #d7fee7 : +12
94 : #e1feed : +14
96 : #ebfff3 : +16
98 : #f5fff9 : +18
100 : #ffffff : +20
CSS入門、作ってます。
text-shadow