#76d1ea
RGB
赤 | 118 |
---|---|
緑 | 209 |
青 | 234 |
HSL
色相 | 193° |
---|---|
彩度 | 73% |
明度 | 69% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 118, 緑 = 209, 青 = 234 )
HSL ( 色相 = 193°, 彩度 = 73%, 明度 = 69% )
H : 色相 ( 193° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ea7c76 : -190
13 : #ea8f76 : -180
23 : #eaa276 : -170
33 : #eab676 : -160
43 : #eac976 : -150
53 : #eadc76 : -140
63 : #e4ea76 : -130
73 : #d1ea76 : -120
83 : #bdea76 : -110
93 : #aaea76 : -100
103 : #97ea76 : -90
113 : #84ea76 : -80
123 : #76ea7c : -70
133 : #76ea8f : -60
143 : #76eaa2 : -50
153 : #76eab6 : -40
163 : #76eac9 : -30
173 : #76eadc : -20
183 : #76e4ea : -10
193 : #76d1ea : ±0
203 : #76bdea : +10
213 : #76aaea : +20
223 : #7697ea : +30
233 : #7684ea : +40
243 : #7c76ea : +50
253 : #8f76ea : +60
263 : #a276ea : +70
273 : #b676ea : +80
283 : #c976ea : +90
293 : #dc76ea : +100
303 : #ea76e4 : +110
313 : #ea76d1 : +120
323 : #ea76bd : +130
333 : #ea76aa : +140
343 : #ea7697 : +150
353 : #ea7684 : +160
183 : #76e4ea : -10
184 : #76e2ea : -9
185 : #76e0ea : -8
186 : #76deea : -7
187 : #76dcea : -6
188 : #76daea : -5
189 : #76d8ea : -4
190 : #76d6ea : -3
191 : #76d4ea : -2
192 : #76d3ea : -1
193 : #76d1ea : ±0
194 : #76cfea : +1
195 : #76cdea : +2
196 : #76cbea : +3
197 : #76c9ea : +4
198 : #76c7ea : +5
199 : #76c5ea : +6
200 : #76c3ea : +7
201 : #76c1ea : +8
202 : #76bfea : +9
203 : #76bdea : +10
S : 彩度 ( 73% )
(0%) 渋い ~ 鮮やか (100%)
1 : #afb0b1 : -72
3 : #aeb1b2 : -70
5 : #acb2b4 : -68
7 : #aab3b5 : -66
9 : #a9b4b7 : -64
11 : #a7b5b9 : -62
13 : #a6b6ba : -60
15 : #a4b7bc : -58
17 : #a3b8bd : -56
19 : #a1b8bf : -54
21 : #9fb9c1 : -52
23 : #9ebac2 : -50
25 : #9cbbc4 : -48
27 : #9bbcc5 : -46
29 : #99bdc7 : -44
31 : #97bec8 : -42
33 : #96bfca : -40
35 : #94c0cc : -38
37 : #93c1cd : -36
39 : #91c1cf : -34
41 : #90c2d0 : -32
43 : #8ec3d2 : -30
45 : #8cc4d4 : -28
47 : #8bc5d5 : -26
49 : #89c6d7 : -24
51 : #88c7d8 : -22
53 : #86c8da : -20
55 : #84c9db : -18
57 : #83c9dd : -16
59 : #81cadf : -14
61 : #80cbe0 : -12
63 : #7ecce2 : -10
65 : #7dcde3 : -8
67 : #7bcee5 : -6
69 : #79cfe6 : -4
71 : #78d0e8 : -2
73 : #76d1ea : ±0
75 : #75d2eb : +2
77 : #73d2ed : +4
79 : #72d3ee : +6
81 : #70d4f0 : +8
83 : #6ed5f2 : +10
85 : #6dd6f3 : +12
87 : #6bd7f5 : +14
89 : #6ad8f6 : +16
91 : #68d9f8 : +18
93 : #66daf9 : +20
95 : #65dbfb : +22
97 : #63dbfd : +24
99 : #62dcfe : +26
L : 明度 ( 69% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -68
3 : #020b0d : -66
5 : #031216 : -64
7 : #05191f : -62
9 : #062028 : -60
11 : #082831 : -58
13 : #092f39 : -56
15 : #0a3642 : -54
17 : #0c3d4b : -52
19 : #0d4454 : -50
21 : #0e4c5d : -48
23 : #105365 : -46
25 : #115a6e : -44
27 : #136177 : -42
29 : #146980 : -40
31 : #157089 : -38
33 : #177792 : -36
35 : #187e9a : -34
37 : #1985a3 : -32
39 : #1b8dac : -30
41 : #1c94b5 : -28
43 : #1e9bbe : -26
45 : #1fa2c7 : -24
47 : #20a9cf : -22
49 : #22b1d8 : -20
51 : #27b6dd : -18
53 : #30b9df : -16
55 : #38bce0 : -14
57 : #41bfe1 : -12
59 : #4ac2e3 : -10
61 : #53c5e4 : -8
63 : #5cc8e6 : -6
65 : #65cbe7 : -4
67 : #6dcee8 : -2
69 : #76d1ea : ±0
71 : #7fd4eb : +2
73 : #88d7ec : +4
75 : #91daee : +6
77 : #9addef : +8
79 : #a2e0f1 : +10
81 : #abe3f2 : +12
83 : #b4e6f3 : +14
85 : #bde9f5 : +16
87 : #c6ecf6 : +18
89 : #ceeff7 : +20
91 : #d7f2f9 : +22
93 : #e0f5fa : +24
95 : #e9f8fc : +26
97 : #f2fbfd : +28
99 : #fbfefe : +30
CSS入門、作ってます。
text-shadow