#4395cb
RGB
赤 | 67 |
---|---|
緑 | 149 |
青 | 203 |
HSL
色相 | 204° |
---|---|
彩度 | 57% |
明度 | 53% |
輝度 | 51% |
3桁の色
補色
反転色
RGB ( 赤 = 67, 緑 = 149, 青 = 203 )
HSL ( 色相 = 204°, 彩度 = 57%, 明度 = 53% )
H : 色相 ( 204° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #cb4c43 : -200
14 : #cb6343 : -190
24 : #cb7943 : -180
34 : #cb9043 : -170
44 : #cba743 : -160
54 : #cbbe43 : -150
64 : #c2cb43 : -140
74 : #accb43 : -130
84 : #95cb43 : -120
94 : #7ecb43 : -110
104 : #67cb43 : -100
114 : #50cb43 : -90
124 : #43cb4c : -80
134 : #43cb63 : -70
144 : #43cb79 : -60
154 : #43cb90 : -50
164 : #43cba7 : -40
174 : #43cbbe : -30
184 : #43c2cb : -20
194 : #43accb : -10
204 : #4395cb : ±0
214 : #437ecb : +10
224 : #4367cb : +20
234 : #4350cb : +30
244 : #4c43cb : +40
254 : #6343cb : +50
264 : #7943cb : +60
274 : #9043cb : +70
284 : #a743cb : +80
294 : #be43cb : +90
304 : #cb43c2 : +100
314 : #cb43ac : +110
324 : #cb4395 : +120
334 : #cb437e : +130
344 : #cb4367 : +140
354 : #cb4350 : +150
194 : #43accb : -10
195 : #43a9cb : -9
196 : #43a7cb : -8
197 : #43a5cb : -7
198 : #43a2cb : -6
199 : #43a0cb : -5
200 : #439ecb : -4
201 : #439ccb : -3
202 : #4399cb : -2
203 : #4397cb : -1
204 : #4395cb : ±0
205 : #4393cb : +1
206 : #4390cb : +2
207 : #438ecb : +3
208 : #438ccb : +4
209 : #4389cb : +5
210 : #4387cb : +6
211 : #4385cb : +7
212 : #4383cb : +8
213 : #4380cb : +9
214 : #437ecb : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868788 : -56
3 : #84888b : -54
5 : #81888d : -52
7 : #7f8990 : -50
9 : #7c8992 : -48
11 : #7a8a94 : -46
13 : #788a97 : -44
15 : #758b99 : -42
17 : #738b9c : -40
19 : #708c9e : -38
21 : #6e8ca0 : -36
23 : #6c8da3 : -34
25 : #698da5 : -32
27 : #678ea8 : -30
29 : #648eaa : -28
31 : #628fac : -26
33 : #608faf : -24
35 : #5d90b1 : -22
37 : #5b90b3 : -20
39 : #5890b6 : -18
41 : #5691b8 : -16
43 : #5491bb : -14
45 : #5192bd : -12
47 : #4f92bf : -10
49 : #4c93c2 : -8
51 : #4a93c4 : -6
53 : #4894c7 : -4
55 : #4594c9 : -2
57 : #4395cb : ±0
59 : #4095ce : +2
61 : #3e96d0 : +4
63 : #3c96d3 : +6
65 : #3997d5 : +8
67 : #3797d7 : +10
69 : #3498da : +12
71 : #3298dc : +14
73 : #3099df : +16
75 : #2d99e1 : +18
77 : #2b9ae3 : +20
79 : #289ae6 : +22
81 : #269be8 : +24
83 : #249beb : +26
85 : #219ced : +28
87 : #1f9cef : +30
89 : #1c9cf2 : +32
91 : #1a9df4 : +34
93 : #189df7 : +36
95 : #159ef9 : +38
97 : #139efb : +40
99 : #109ffe : +42
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -52
3 : #03090c : -50
5 : #050e14 : -48
7 : #08141c : -46
9 : #0a1a24 : -44
11 : #0c1f2c : -42
13 : #0e2534 : -40
15 : #102b3c : -38
17 : #133044 : -36
19 : #15364c : -34
21 : #173c54 : -32
23 : #19415c : -30
25 : #1b4764 : -28
27 : #1e4d6c : -26
29 : #205274 : -24
31 : #22587c : -22
33 : #245e84 : -20
35 : #26638c : -18
37 : #296994 : -16
39 : #2b6f9c : -14
41 : #2d74a4 : -12
43 : #2f7aac : -10
45 : #3180b4 : -8
47 : #3486bc : -6
49 : #368bc4 : -4
51 : #3b90c9 : -2
53 : #4395cb : ±0
55 : #4b99ce : +2
57 : #539ed0 : +4
59 : #5ba2d2 : +6
61 : #63a7d4 : +8
63 : #6babd6 : +10
65 : #73b0d9 : +12
67 : #7bb4db : +14
69 : #83b9dd : +16
71 : #8bbddf : +18
73 : #93c2e1 : +20
75 : #9bc7e4 : +22
77 : #a3cbe6 : +24
79 : #abd0e8 : +26
81 : #b3d4ea : +28
83 : #bbd9ec : +30
85 : #c3ddef : +32
87 : #cbe2f1 : +34
89 : #d3e6f3 : +36
91 : #dbebf5 : +38
93 : #e3eff7 : +40
95 : #ebf4fa : +42
97 : #f3f8fc : +44
99 : #fbfdfe : +46
CSS入門、作ってます。
text-shadow