#48cfdb
RGB
赤 | 72 |
---|---|
緑 | 207 |
青 | 219 |
HSL
色相 | 185° |
---|---|
彩度 | 67% |
明度 | 57% |
輝度 | 66% |
3桁の色
補色
反転色
RGB ( 赤 = 72, 緑 = 207, 青 = 219 )
HSL ( 色相 = 185°, 彩度 = 67%, 明度 = 57% )
H : 色相 ( 185° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #db5448 : -180
15 : #db6d48 : -170
25 : #db8548 : -160
35 : #db9e48 : -150
45 : #dbb648 : -140
55 : #dbcf48 : -130
65 : #cfdb48 : -120
75 : #b6db48 : -110
85 : #9edb48 : -100
95 : #85db48 : -90
105 : #6ddb48 : -80
115 : #54db48 : -70
125 : #48db54 : -60
135 : #48db6d : -50
145 : #48db85 : -40
155 : #48db9e : -30
165 : #48dbb6 : -20
175 : #48dbcf : -10
185 : #48cfdb : ±0
195 : #48b6db : +10
205 : #489edb : +20
215 : #4885db : +30
225 : #486ddb : +40
235 : #4854db : +50
245 : #5448db : +60
255 : #6d48db : +70
265 : #8548db : +80
275 : #9e48db : +90
285 : #b648db : +100
295 : #cf48db : +110
305 : #db48cf : +120
315 : #db48b6 : +130
325 : #db489e : +140
335 : #db4885 : +150
345 : #db486d : +160
355 : #db4854 : +170
175 : #48dbcf : -10
176 : #48dbd1 : -9
177 : #48dbd3 : -8
178 : #48dbd6 : -7
179 : #48dbd8 : -6
180 : #48dbdb : -5
181 : #48d8db : -4
182 : #48d6db : -3
183 : #48d3db : -2
184 : #48d1db : -1
185 : #48cfdb : ±0
186 : #48ccdb : +1
187 : #48cadb : +2
188 : #48c7db : +3
189 : #48c5db : +4
190 : #48c2db : +5
191 : #48c0db : +6
192 : #48bddb : +7
193 : #48bbdb : +8
194 : #48b9db : +9
195 : #48b6db : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #909292 : -66
3 : #8e9495 : -64
5 : #8c9697 : -62
7 : #8a9899 : -60
9 : #879a9b : -58
11 : #859b9d : -56
13 : #839da0 : -54
15 : #819fa2 : -52
17 : #7fa1a4 : -50
19 : #7da3a6 : -48
21 : #7aa5a8 : -46
23 : #78a6ab : -44
25 : #76a8ad : -42
27 : #74aaaf : -40
29 : #72acb1 : -38
31 : #6faeb3 : -36
33 : #6db0b6 : -34
35 : #6bb1b8 : -32
37 : #69b3ba : -30
39 : #67b5bc : -28
41 : #64b7be : -26
43 : #62b9c0 : -24
45 : #60bac3 : -22
47 : #5ebcc5 : -20
49 : #5cbec7 : -18
51 : #59c0c9 : -16
53 : #57c2cb : -14
55 : #55c4ce : -12
57 : #53c5d0 : -10
59 : #51c7d2 : -8
61 : #4ec9d4 : -6
63 : #4ccbd6 : -4
65 : #4acdd9 : -2
67 : #48cfdb : ±0
69 : #46d0dd : +2
71 : #43d2df : +4
73 : #41d4e1 : +6
75 : #3fd6e4 : +8
77 : #3dd8e6 : +10
79 : #3bdae8 : +12
81 : #39dbea : +14
83 : #36ddec : +16
85 : #34dfef : +18
87 : #32e1f1 : +20
89 : #30e3f3 : +22
91 : #2ee5f5 : +24
93 : #2be6f7 : +26
95 : #29e8fa : +28
97 : #27eafc : +30
99 : #25ecfe : +32
L : 明度 ( 57% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -56
3 : #030c0d : -54
5 : #041415 : -52
7 : #061c1e : -50
9 : #082426 : -48
11 : #092c2f : -46
13 : #0b3437 : -44
15 : #0d3c40 : -42
17 : #0e4448 : -40
19 : #104c51 : -38
21 : #125359 : -36
23 : #135b62 : -34
25 : #15636a : -32
27 : #176b73 : -30
29 : #18737b : -28
31 : #1a7b84 : -26
33 : #1c838d : -24
35 : #1d8b95 : -22
37 : #1f939e : -20
39 : #219ba6 : -18
41 : #23a3af : -16
43 : #24abb7 : -14
45 : #26b3c0 : -12
47 : #28bbc8 : -10
49 : #29c3d1 : -8
51 : #2ec8d6 : -6
53 : #37cad7 : -4
55 : #3fccd9 : -2
57 : #48cfdb : ±0
59 : #50d1dc : +2
61 : #59d3de : +4
63 : #61d5e0 : +6
65 : #6ad8e2 : +8
67 : #72dae3 : +10
69 : #7bdce5 : +12
71 : #84dee7 : +14
73 : #8ce1e8 : +16
75 : #95e3ea : +18
77 : #9de5ec : +20
79 : #a6e7ed : +22
81 : #aeeaef : +24
83 : #b7ecf1 : +26
85 : #bfeef2 : +28
87 : #c8f0f4 : +30
89 : #d0f3f6 : +32
91 : #d9f5f7 : +34
93 : #e1f7f9 : +36
95 : #eaf9fb : +38
97 : #f2fcfc : +40
99 : #fbfefe : +42
CSS入門、作ってます。
text-shadow