#3246cd
RGB
赤 | 50 |
---|---|
緑 | 70 |
青 | 205 |
HSL
色相 | 232° |
---|---|
彩度 | 61% |
明度 | 50% |
輝度 | 31% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 50, 緑 = 70, 青 = 205 )
HSL ( 色相 = 232°, 彩度 = 61%, 明度 = 50% )
H : 色相 ( 232° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #cd3732 : -230
12 : #cd5132 : -220
22 : #cd6b32 : -210
32 : #cd8532 : -200
42 : #cd9f32 : -190
52 : #cdb932 : -180
62 : #c8cd32 : -170
72 : #aecd32 : -160
82 : #94cd32 : -150
92 : #7acd32 : -140
102 : #60cd32 : -130
112 : #46cd32 : -120
122 : #32cd37 : -110
132 : #32cd51 : -100
142 : #32cd6b : -90
152 : #32cd85 : -80
162 : #32cd9f : -70
172 : #32cdb9 : -60
182 : #32c8cd : -50
192 : #32aecd : -40
202 : #3294cd : -30
212 : #327acd : -20
222 : #3260cd : -10
232 : #3246cd : ±0
242 : #3732cd : +10
252 : #5132cd : +20
262 : #6b32cd : +30
272 : #8532cd : +40
282 : #9f32cd : +50
292 : #b932cd : +60
302 : #cd32c8 : +70
312 : #cd32ae : +80
322 : #cd3294 : +90
332 : #cd327a : +100
342 : #cd3260 : +110
352 : #cd3246 : +120
222 : #3260cd : -10
223 : #325ecd : -9
224 : #325bcd : -8
225 : #3259cd : -7
226 : #3256cd : -6
227 : #3253cd : -5
228 : #3251cd : -4
229 : #324ecd : -3
230 : #324ccd : -2
231 : #3249cd : -1
232 : #3246cd : ±0
233 : #3244cd : +1
234 : #3241cd : +2
235 : #323fcd : +3
236 : #323ccd : +4
237 : #323acd : +5
238 : #3237cd : +6
239 : #3234cd : +7
240 : #3232cd : +8
241 : #3432cd : +9
242 : #3732cd : +10
S : 彩度 ( 61% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7e7f81 : -60
3 : #7c7d83 : -58
5 : #797b86 : -56
7 : #777988 : -54
9 : #74778b : -52
11 : #71758e : -50
13 : #6f7390 : -48
15 : #6c7193 : -46
17 : #6a7095 : -44
19 : #676e98 : -42
21 : #656c9a : -40
23 : #626a9d : -38
25 : #60689f : -36
27 : #5d66a2 : -34
29 : #5b64a4 : -32
31 : #5863a7 : -30
33 : #5561aa : -28
35 : #535fac : -26
37 : #505daf : -24
39 : #4e5bb1 : -22
41 : #4b59b4 : -20
43 : #4957b6 : -18
45 : #4655b9 : -16
47 : #4454bb : -14
49 : #4152be : -12
51 : #3e50c1 : -10
53 : #3c4ec3 : -8
55 : #394cc6 : -6
57 : #374ac8 : -4
59 : #3448cb : -2
61 : #3246cd : ±0
63 : #2f45d0 : +2
65 : #2d43d2 : +4
67 : #2a41d5 : +6
69 : #283fd7 : +8
71 : #253dda : +10
73 : #223bdd : +12
75 : #2039df : +14
77 : #1d38e2 : +16
79 : #1b36e4 : +18
81 : #1834e7 : +20
83 : #1632e9 : +22
85 : #1330ec : +24
87 : #112eee : +26
89 : #0e2cf1 : +28
91 : #0b2af4 : +30
93 : #0929f6 : +32
95 : #0627f9 : +34
97 : #0425fb : +36
99 : #0123fe : +38
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #020308 : -48
4 : #040610 : -46
6 : #060819 : -44
8 : #080b21 : -42
10 : #0a0e29 : -40
12 : #0c1131 : -38
14 : #0e1439 : -36
16 : #101742 : -34
18 : #12194a : -32
20 : #141c52 : -30
22 : #161f5a : -28
24 : #182263 : -26
26 : #1a256b : -24
28 : #1c2773 : -22
30 : #1e2a7b : -20
32 : #202d83 : -18
34 : #22308c : -16
36 : #243394 : -14
38 : #26369c : -12
40 : #2838a4 : -10
42 : #2a3bac : -8
44 : #2c3eb5 : -6
46 : #2e41bd : -4
48 : #3044c5 : -2
50 : #3246cd : ±0
52 : #3a4ecf : +2
54 : #4255d1 : +4
56 : #4a5dd3 : +6
58 : #5364d5 : +8
60 : #5b6bd7 : +10
62 : #6373d9 : +12
64 : #6b7adb : +14
66 : #7382dd : +16
68 : #7c89df : +18
70 : #8490e1 : +20
72 : #8c98e3 : +22
74 : #949fe5 : +24
76 : #9ca6e7 : +26
78 : #a5aee9 : +28
80 : #adb5eb : +30
82 : #b5bded : +32
84 : #bdc4ef : +34
86 : #c6cbf1 : +36
88 : #ced3f3 : +38
90 : #d6daf5 : +40
92 : #dee1f7 : +42
94 : #e6e9f9 : +44
96 : #eff0fb : +46
98 : #f7f8fd : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow