#7db3ca
RGB
| 赤 | 125 |
|---|---|
| 緑 | 179 |
| 青 | 202 |
HSL
| 色相 | 198° |
|---|---|
| 彩度 | 42% |
| 明度 | 64% |
| 輝度 | 65% |
３桁の色
補色
反転色
RGB ( 赤 = 125, 緑 = 179, 青 = 202 )
HSL ( 色相 = 198°, 彩度 = 42%, 明度 = 64% )
H : 色相 ( 198° )
(0°) 赤～黄～緑～青～紫 (359°)
8 : #ca877d : -190
18 : #ca947d : -180
28 : #caa17d : -170
38 : #caad7d : -160
48 : #caba7d : -150
58 : #cac77d : -140
68 : #bfca7d : -130
78 : #b3ca7d : -120
88 : #a6ca7d : -110
98 : #99ca7d : -100
108 : #8cca7d : -90
118 : #7fca7d : -80
128 : #7dca87 : -70
138 : #7dca94 : -60
148 : #7dcaa1 : -50
158 : #7dcaad : -40
168 : #7dcaba : -30
178 : #7dcac7 : -20
188 : #7dbfca : -10
198 : #7db3ca : ±0
208 : #7da6ca : +10
218 : #7d99ca : +20
228 : #7d8cca : +30
238 : #7d7fca : +40
248 : #877dca : +50
258 : #947dca : +60
268 : #a17dca : +70
278 : #ad7dca : +80
288 : #ba7dca : +90
298 : #c77dca : +100
308 : #ca7dbf : +110
318 : #ca7db3 : +120
328 : #ca7da6 : +130
338 : #ca7d99 : +140
348 : #ca7d8c : +150
358 : #ca7d7f : +160
188 : #7dbfca : -10
189 : #7dbeca : -9
190 : #7dbdca : -8
191 : #7dbcca : -7
192 : #7dbaca : -6
193 : #7db9ca : -5
194 : #7db8ca : -4
195 : #7db6ca : -3
196 : #7db5ca : -2
197 : #7db4ca : -1
198 : #7db3ca : ±0
199 : #7db1ca : +1
200 : #7db0ca : +2
201 : #7dafca : +3
202 : #7dadca : +4
203 : #7dacca : +5
204 : #7dabca : +6
205 : #7daaca : +7
206 : #7da8ca : +8
207 : #7da7ca : +9
208 : #7da6ca : +10
S : 彩度 ( 42% )
(0%) 渋い ～ 鮮やか (100%)
0 : #a3a3a3 : -42
2 : #a1a4a5 : -40
4 : #a0a5a7 : -38
6 : #9ea5a9 : -36
8 : #9ca6ab : -34
10 : #9aa7ac : -32
12 : #98a8ae : -30
14 : #96a8b0 : -28
16 : #95a9b2 : -26
18 : #93aab4 : -24
20 : #91abb6 : -22
22 : #8fabb7 : -20
24 : #8dacb9 : -18
26 : #8badbb : -16
28 : #89adbd : -14
30 : #88aebf : -12
32 : #86afc1 : -10
34 : #84b0c2 : -8
36 : #82b0c4 : -6
38 : #80b1c6 : -4
40 : #7eb2c8 : -2
42 : #7db3ca : ±0
44 : #7bb3cc : +2
46 : #79b4cd : +4
48 : #77b5cf : +6
50 : #75b6d1 : +8
52 : #73b6d3 : +10
54 : #72b7d5 : +12
56 : #70b8d7 : +14
58 : #6eb8d8 : +16
60 : #6cb9da : +18
62 : #6abadc : +20
64 : #68bbde : +22
66 : #67bbe0 : +24
68 : #65bce2 : +26
70 : #63bde3 : +28
72 : #61bee5 : +30
74 : #5fbee7 : +32
76 : #5dbfe9 : +34
78 : #5cc0eb : +36
80 : #5ac1ed : +38
82 : #58c1ee : +40
84 : #56c2f0 : +42
86 : #54c3f2 : +44
88 : #52c4f4 : +46
90 : #51c4f6 : +48
92 : #4fc5f8 : +50
94 : #4dc6f9 : +52
96 : #4bc6fb : +54
98 : #49c7fd : +56
100 : #47c8ff : +58
L : 明度 ( 64% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -64
2 : #030607 : -62
4 : #060c0e : -60
6 : #091216 : -58
8 : #0c181d : -56
10 : #0f1e24 : -54
12 : #12242b : -52
14 : #152a33 : -50
16 : #18303a : -48
18 : #1b3641 : -46
20 : #1e3c48 : -44
22 : #214250 : -42
24 : #234757 : -40
26 : #264d5e : -38
28 : #295365 : -36
30 : #2c596d : -34
32 : #2f5f74 : -32
34 : #32657b : -30
36 : #356b82 : -28
38 : #38718a : -26
40 : #3b7791 : -24
42 : #3e7d98 : -22
44 : #41839f : -20
46 : #4489a7 : -18
48 : #478fae : -16
50 : #4a95b5 : -14
52 : #5199b8 : -12
54 : #589dbb : -10
56 : #60a2be : -8
58 : #67a6c1 : -6
60 : #6eaac4 : -4
62 : #75aec7 : -2
64 : #7db3ca : ±0
66 : #84b7cd : +2
68 : #8bbbd0 : +4
70 : #92bfd3 : +6
72 : #9ac4d6 : +8
74 : #a1c8d9 : +10
76 : #a8ccdc : +12
78 : #afd0de : +14
80 : #b7d5e1 : +16
82 : #bed9e4 : +18
84 : #c5dde7 : +20
86 : #cce1ea : +22
88 : #d4e6ed : +24
90 : #dbeaf0 : +26
92 : #e2eef3 : +28
94 : #e9f2f6 : +30
96 : #f1f7f9 : +32
98 : #f8fbfc : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow