#43a3db
RGB
赤 | 67 |
---|---|
緑 | 163 |
青 | 219 |
HSL
色相 | 202° |
---|---|
彩度 | 68% |
明度 | 56% |
輝度 | 55% |
3桁の色
補色
反転色
RGB ( 赤 = 67, 緑 = 163, 青 = 219 )
HSL ( 色相 = 202°, 彩度 = 68%, 明度 = 56% )
H : 色相 ( 202° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #db4843 : -200
12 : #db6143 : -190
22 : #db7a43 : -180
32 : #db9443 : -170
42 : #dbad43 : -160
52 : #dbc743 : -150
62 : #d6db43 : -140
72 : #bddb43 : -130
82 : #a3db43 : -120
92 : #8adb43 : -110
102 : #70db43 : -100
112 : #57db43 : -90
122 : #43db48 : -80
132 : #43db61 : -70
142 : #43db7a : -60
152 : #43db94 : -50
162 : #43dbad : -40
172 : #43dbc7 : -30
182 : #43d6db : -20
192 : #43bddb : -10
202 : #43a3db : ±0
212 : #438adb : +10
222 : #4370db : +20
232 : #4357db : +30
242 : #4843db : +40
252 : #6143db : +50
262 : #7a43db : +60
272 : #9443db : +70
282 : #ad43db : +80
292 : #c743db : +90
302 : #db43d6 : +100
312 : #db43bd : +110
322 : #db43a3 : +120
332 : #db438a : +130
342 : #db4370 : +140
352 : #db4357 : +150
192 : #43bddb : -10
193 : #43badb : -9
194 : #43b7db : -8
195 : #43b5db : -7
196 : #43b2db : -6
197 : #43b0db : -5
198 : #43addb : -4
199 : #43abdb : -3
200 : #43a8db : -2
201 : #43a6db : -1
202 : #43a3db : ±0
203 : #43a1db : +1
204 : #439edb : +2
205 : #439cdb : +3
206 : #4399db : +4
207 : #4396db : +5
208 : #4394db : +6
209 : #4391db : +7
210 : #438fdb : +8
211 : #438cdb : +9
212 : #438adb : +10
S : 彩度 ( 68% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -68
2 : #8d8f91 : -66
4 : #8a9093 : -64
6 : #889196 : -62
8 : #869198 : -60
10 : #84929a : -58
12 : #81929c : -56
14 : #7f939f : -54
16 : #7d94a1 : -52
18 : #7b94a3 : -50
20 : #7895a5 : -48
22 : #7695a7 : -46
24 : #7496aa : -44
26 : #7297ac : -42
28 : #6f97ae : -40
30 : #6d98b0 : -38
32 : #6b98b3 : -36
34 : #6999b5 : -34
36 : #669ab7 : -32
38 : #649ab9 : -30
40 : #629bbc : -28
42 : #609bbe : -26
44 : #5d9cc0 : -24
46 : #5b9dc2 : -22
48 : #599dc5 : -20
50 : #579ec7 : -18
52 : #549ec9 : -16
54 : #529fcb : -14
56 : #50a0ce : -12
58 : #4ea0d0 : -10
60 : #4ba1d2 : -8
62 : #49a1d4 : -6
64 : #47a2d7 : -4
66 : #45a3d9 : -2
68 : #43a3db : ±0
70 : #40a4dd : +2
72 : #3ea4e0 : +4
74 : #3ca5e2 : +6
76 : #3aa6e4 : +8
78 : #37a6e6 : +10
80 : #35a7e9 : +12
82 : #33a7eb : +14
84 : #31a8ed : +16
86 : #2ea9ef : +18
88 : #2ca9f2 : +20
90 : #2aaaf4 : +22
92 : #28aaf6 : +24
94 : #25abf8 : +26
96 : #23acfb : +28
98 : #21acfd : +30
100 : #1fadff : +32
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #020609 : -54
4 : #030c11 : -52
6 : #05121a : -50
8 : #071822 : -48
10 : #081e2b : -46
12 : #0a2433 : -44
14 : #0b2a3c : -42
16 : #0d3045 : -40
18 : #0f364d : -38
20 : #103c56 : -36
22 : #12425e : -34
24 : #144867 : -32
26 : #154e6f : -30
28 : #175478 : -28
30 : #185a81 : -26
32 : #1a6089 : -24
34 : #1c6692 : -22
36 : #1d6c9a : -20
38 : #1f72a3 : -18
40 : #2178ab : -16
42 : #227fb4 : -14
44 : #2485bc : -12
46 : #268bc5 : -10
48 : #2791ce : -8
50 : #2997d6 : -6
52 : #319bd8 : -4
54 : #3a9fd9 : -2
56 : #43a3db : ±0
58 : #4ba7dd : +2
60 : #54abde : +4
62 : #5cb0e0 : +6
64 : #65b4e2 : +8
66 : #6db8e3 : +10
68 : #76bce5 : +12
70 : #7ec0e7 : +14
72 : #87c5e8 : +16
74 : #90c9ea : +18
76 : #98cdeb : +20
78 : #a1d1ed : +22
80 : #a9d5ef : +24
82 : #b2d9f0 : +26
84 : #badef2 : +28
86 : #c3e2f4 : +30
88 : #cce6f5 : +32
90 : #d4eaf7 : +34
92 : #ddeef8 : +36
94 : #e5f2fa : +38
96 : #eef7fc : +40
98 : #f6fbfd : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow