#435acb
RGB
| 赤 | 67 |
|---|---|
| 緑 | 90 |
| 青 | 203 |
HSL
| 色相 | 230° |
|---|---|
| 彩度 | 57% |
| 明度 | 53% |
| 輝度 | 38% |
３桁の色
補色
反転色
RGB ( 赤 = 67, 緑 = 90, 青 = 203 )
HSL ( 色相 = 230°, 彩度 = 57%, 明度 = 53% )
H : 色相 ( 230° )
(0°) 赤～黄～緑～青～紫 (359°)
0 : #cb4343 : -230
10 : #cb5a43 : -220
20 : #cb7043 : -210
30 : #cb8743 : -200
40 : #cb9e43 : -190
50 : #cbb543 : -180
60 : #cbcb43 : -170
70 : #b5cb43 : -160
80 : #9ecb43 : -150
90 : #87cb43 : -140
100 : #70cb43 : -130
110 : #5acb43 : -120
120 : #43cb43 : -110
130 : #43cb5a : -100
140 : #43cb70 : -90
150 : #43cb87 : -80
160 : #43cb9e : -70
170 : #43cbb5 : -60
180 : #43cbcb : -50
190 : #43b5cb : -40
200 : #439ecb : -30
210 : #4387cb : -20
220 : #4370cb : -10
230 : #435acb : ±0
240 : #4343cb : +10
250 : #5a43cb : +20
260 : #7043cb : +30
270 : #8743cb : +40
280 : #9e43cb : +50
290 : #b543cb : +60
300 : #cb43cb : +70
310 : #cb43b5 : +80
320 : #cb439e : +90
330 : #cb4387 : +100
340 : #cb4370 : +110
350 : #cb435a : +120
220 : #4370cb : -10
221 : #436ecb : -9
222 : #436ccb : -8
223 : #436acb : -7
224 : #4367cb : -6
225 : #4365cb : -5
226 : #4363cb : -4
227 : #4360cb : -3
228 : #435ecb : -2
229 : #435ccb : -1
230 : #435acb : ±0
231 : #4357cb : +1
232 : #4355cb : +2
233 : #4353cb : +3
234 : #4350cb : +4
235 : #434ecb : +5
236 : #434ccb : +6
237 : #434acb : +7
238 : #4347cb : +8
239 : #4345cb : +9
240 : #4343cb : +10
S : 彩度 ( 57% )
(0%) 渋い ～ 鮮やか (100%)
1 : #868688 : -56
3 : #84858b : -54
5 : #81838d : -52
7 : #7f8290 : -50
9 : #7c8092 : -48
11 : #7a7e94 : -46
13 : #787d97 : -44
15 : #757b99 : -42
17 : #737a9c : -40
19 : #70789e : -38
21 : #6e76a0 : -36
23 : #6c75a3 : -34
25 : #6973a5 : -32
27 : #6772a8 : -30
29 : #6470aa : -28
31 : #626eac : -26
33 : #606daf : -24
35 : #5d6bb1 : -22
37 : #5b6ab3 : -20
39 : #5868b6 : -18
41 : #5666b8 : -16
43 : #5465bb : -14
45 : #5163bd : -12
47 : #4f62bf : -10
49 : #4c60c2 : -8
51 : #4a5ec4 : -6
53 : #485dc7 : -4
55 : #455bc9 : -2
57 : #435acb : ±0
59 : #4058ce : +2
61 : #3e56d0 : +4
63 : #3c55d3 : +6
65 : #3953d5 : +8
67 : #3752d7 : +10
69 : #3450da : +12
71 : #324edc : +14
73 : #304ddf : +16
75 : #2d4be1 : +18
77 : #2b4ae3 : +20
79 : #2848e6 : +22
81 : #2646e8 : +24
83 : #2445eb : +26
85 : #2143ed : +28
87 : #1f42ef : +30
89 : #1c40f2 : +32
91 : #1a3ef4 : +34
93 : #183df7 : +36
95 : #153bf9 : +38
97 : #133afb : +40
99 : #1038fe : +42
L : 明度 ( 53% )
(0%) 暗い ～ 明るい (100%)
1 : #010204 : -52
3 : #03050c : -50
5 : #050814 : -48
7 : #080b1c : -46
9 : #0a0e24 : -44
11 : #0c112c : -42
13 : #0e1534 : -40
15 : #10183c : -38
17 : #131b44 : -36
19 : #151e4c : -34
21 : #172154 : -32
23 : #19245c : -30
25 : #1b2864 : -28
27 : #1e2b6c : -26
29 : #202e74 : -24
31 : #22317c : -22
33 : #243484 : -20
35 : #26378c : -18
37 : #293a94 : -16
39 : #2b3e9c : -14
41 : #2d41a4 : -12
43 : #2f44ac : -10
45 : #3147b4 : -8
47 : #344abc : -6
49 : #364dc4 : -4
51 : #3b53c9 : -2
53 : #435acb : ±0
55 : #4b61ce : +2
57 : #5368d0 : +4
59 : #5b6fd2 : +6
61 : #6376d4 : +8
63 : #6b7dd6 : +10
65 : #7384d9 : +12
67 : #7b8bdb : +14
69 : #8392dd : +16
71 : #8b99df : +18
73 : #93a0e1 : +20
75 : #9ba7e4 : +22
77 : #a3aee6 : +24
79 : #abb5e8 : +26
81 : #b3bcea : +28
83 : #bbc3ec : +30
85 : #c3caef : +32
87 : #cbd1f1 : +34
89 : #d3d8f3 : +36
91 : #dbdff5 : +38
93 : #e3e6f7 : +40
95 : #ebedfa : +42
97 : #f3f4fc : +44
99 : #fbfbfe : +46
CSS入門、作ってます。
text-shadow