#48ccd5
RGB
赤 | 72 |
---|---|
緑 | 204 |
青 | 213 |
HSL
色相 | 184° |
---|---|
彩度 | 63% |
明度 | 56% |
輝度 | 65% |
3桁の色
補色
反転色
RGB ( 赤 = 72, 緑 = 204, 青 = 213 )
HSL ( 色相 = 184°, 彩度 = 63%, 明度 = 56% )
H : 色相 ( 184° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #d55248 : -180
14 : #d56948 : -170
24 : #d58148 : -160
34 : #d59848 : -150
44 : #d5b048 : -140
54 : #d5c748 : -130
64 : #ccd548 : -120
74 : #b4d548 : -110
84 : #9dd548 : -100
94 : #85d548 : -90
104 : #6ed548 : -80
114 : #56d548 : -70
124 : #48d552 : -60
134 : #48d569 : -50
144 : #48d581 : -40
154 : #48d598 : -30
164 : #48d5b0 : -20
174 : #48d5c7 : -10
184 : #48ccd5 : ±0
194 : #48b4d5 : +10
204 : #489dd5 : +20
214 : #4885d5 : +30
224 : #486ed5 : +40
234 : #4856d5 : +50
244 : #5248d5 : +60
254 : #6948d5 : +70
264 : #8148d5 : +80
274 : #9848d5 : +90
284 : #b048d5 : +100
294 : #c748d5 : +110
304 : #d548cc : +120
314 : #d548b4 : +130
324 : #d5489d : +140
334 : #d54885 : +150
344 : #d5486e : +160
354 : #d54856 : +170
174 : #48d5c7 : -10
175 : #48d5ca : -9
176 : #48d5cc : -8
177 : #48d5ce : -7
178 : #48d5d1 : -6
179 : #48d5d3 : -5
180 : #48d5d5 : -4
181 : #48d3d5 : -3
182 : #48d1d5 : -2
183 : #48ced5 : -1
184 : #48ccd5 : ±0
185 : #48cad5 : +1
186 : #48c7d5 : +2
187 : #48c5d5 : +3
188 : #48c3d5 : +4
189 : #48c0d5 : +5
190 : #48bed5 : +6
191 : #48bcd5 : +7
192 : #48b9d5 : +8
193 : #48b7d5 : +9
194 : #48b4d5 : +10
S : 彩度 ( 63% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8e9090 : -62
3 : #8b9292 : -60
5 : #899494 : -58
7 : #879697 : -56
9 : #859899 : -54
11 : #82999b : -52
13 : #809b9d : -50
15 : #7e9da0 : -48
17 : #7c9fa2 : -46
19 : #79a1a4 : -44
21 : #77a3a6 : -42
23 : #75a5a9 : -40
25 : #73a7ab : -38
27 : #71a9ad : -36
29 : #6eabaf : -34
31 : #6cadb2 : -32
33 : #6aafb4 : -30
35 : #68b1b6 : -28
37 : #65b3b8 : -26
39 : #63b5bb : -24
41 : #61b7bd : -22
43 : #5fb9bf : -20
45 : #5cbbc1 : -18
47 : #5abdc4 : -16
49 : #58bec6 : -14
51 : #56c0c8 : -12
53 : #53c2ca : -10
55 : #51c4cd : -8
57 : #4fc6cf : -6
59 : #4dc8d1 : -4
61 : #4acad3 : -2
63 : #48ccd5 : ±0
65 : #46ced8 : +2
67 : #44d0da : +4
69 : #41d2dc : +6
71 : #3fd4de : +8
73 : #3dd6e1 : +10
75 : #3bd8e3 : +12
77 : #38dae5 : +14
79 : #36dce7 : +16
81 : #34deea : +18
83 : #32e0ec : +20
85 : #2fe1ee : +22
87 : #2de3f0 : +24
89 : #2be5f3 : +26
91 : #29e7f5 : +28
93 : #26e9f7 : +30
95 : #24ebf9 : +32
97 : #22edfc : +34
99 : #20effe : +36
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #020808 : -54
4 : #041011 : -52
6 : #061819 : -50
8 : #082021 : -48
10 : #09272a : -46
12 : #0b2f32 : -44
14 : #0d373a : -42
16 : #0f3f43 : -40
18 : #11474b : -38
20 : #134f53 : -36
22 : #15575b : -34
24 : #175f64 : -32
26 : #19666c : -30
28 : #1a6e74 : -28
30 : #1c767d : -26
32 : #1e7e85 : -24
34 : #20868d : -22
36 : #228e96 : -20
38 : #24969e : -18
40 : #269ea6 : -16
42 : #28a6af : -14
44 : #2aadb7 : -12
46 : #2bb5bf : -10
48 : #2dbdc8 : -8
50 : #2fc5d0 : -6
52 : #37c7d2 : -4
54 : #40cad4 : -2
56 : #48ccd5 : ±0
58 : #50ced7 : +2
60 : #59d1d9 : +4
62 : #61d3db : +6
64 : #69d5dd : +8
66 : #72d8df : +10
68 : #7adae1 : +12
70 : #82dce3 : +14
72 : #8bdfe5 : +16
74 : #93e1e6 : +18
76 : #9be3e8 : +20
78 : #a4e6ea : +22
80 : #ace8ec : +24
82 : #b4eaee : +26
84 : #bcecf0 : +28
86 : #c5eff2 : +30
88 : #cdf1f4 : +32
90 : #d5f3f6 : +34
92 : #def6f7 : +36
94 : #e6f8f9 : +38
96 : #eefafb : +40
98 : #f7fdfd : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow