#737bce
RGB
赤 | 115 |
---|---|
緑 | 123 |
青 | 206 |
HSL
色相 | 235° |
---|---|
彩度 | 48% |
明度 | 63% |
輝度 | 51% |
3桁の色
補色
反転色
RGB ( 赤 = 115, 緑 = 123, 青 = 206 )
HSL ( 色相 = 235°, 彩度 = 48%, 明度 = 63% )
H : 色相 ( 235° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ce7b73 : -230
15 : #ce8a73 : -220
25 : #ce9973 : -210
35 : #cea873 : -200
45 : #ceb773 : -190
55 : #cec673 : -180
65 : #c6ce73 : -170
75 : #b7ce73 : -160
85 : #a8ce73 : -150
95 : #99ce73 : -140
105 : #8ace73 : -130
115 : #7bce73 : -120
125 : #73ce7b : -110
135 : #73ce8a : -100
145 : #73ce99 : -90
155 : #73cea8 : -80
165 : #73ceb7 : -70
175 : #73cec6 : -60
185 : #73c6ce : -50
195 : #73b7ce : -40
205 : #73a8ce : -30
215 : #7399ce : -20
225 : #738ace : -10
235 : #737bce : ±0
245 : #7b73ce : +10
255 : #8a73ce : +20
265 : #9973ce : +30
275 : #a873ce : +40
285 : #b773ce : +50
295 : #c673ce : +60
305 : #ce73c6 : +70
315 : #ce73b7 : +80
325 : #ce73a8 : +90
335 : #ce7399 : +100
345 : #ce738a : +110
355 : #ce737b : +120
225 : #738ace : -10
226 : #7388ce : -9
227 : #7387ce : -8
228 : #7385ce : -7
229 : #7384ce : -6
230 : #7382ce : -5
231 : #7381ce : -4
232 : #737fce : -3
233 : #737ece : -2
234 : #737cce : -1
235 : #737bce : ±0
236 : #7379ce : +1
237 : #7378ce : +2
238 : #7376ce : +3
239 : #7375ce : +4
240 : #7373ce : +5
241 : #7573ce : +6
242 : #7673ce : +7
243 : #7873ce : +8
244 : #7973ce : +9
245 : #7b73ce : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a0a0a0 : -48
2 : #9f9fa3 : -46
4 : #9d9ea4 : -44
6 : #9b9ca6 : -42
8 : #999aa8 : -40
10 : #9799aa : -38
12 : #9597ac : -36
14 : #9396ae : -34
16 : #9294b0 : -32
18 : #9092b2 : -30
20 : #8e91b4 : -28
22 : #8c8fb5 : -26
24 : #8a8eb7 : -24
26 : #888cb9 : -22
28 : #868bbb : -20
30 : #8489bd : -18
32 : #8287bf : -16
34 : #8186c1 : -14
36 : #7f84c3 : -12
38 : #7d83c5 : -10
40 : #7b81c6 : -8
42 : #7980c8 : -6
44 : #777eca : -4
46 : #757ccc : -2
48 : #737bce : ±0
50 : #7179d0 : +2
52 : #7078d2 : +4
54 : #6e76d4 : +6
56 : #6c75d5 : +8
58 : #6a73d7 : +10
60 : #6871d9 : +12
62 : #6670db : +14
64 : #646edd : +16
66 : #626ddf : +18
68 : #606be1 : +20
70 : #5f6ae3 : +22
72 : #5d68e5 : +24
74 : #5b66e6 : +26
76 : #5965e8 : +28
78 : #5763ea : +30
80 : #5562ec : +32
82 : #5360ee : +34
84 : #515ff0 : +36
86 : #505df2 : +38
88 : #4e5bf4 : +40
90 : #4c5af6 : +42
92 : #4a58f7 : +44
94 : #4857f9 : +46
96 : #4655fb : +48
98 : #4454fd : +50
100 : #4252ff : +52
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #010204 : -62
3 : #04050b : -60
5 : #070813 : -58
7 : #090b1a : -56
9 : #0c0e22 : -54
11 : #0f112a : -52
13 : #111431 : -50
15 : #141739 : -48
17 : #171a40 : -46
19 : #191d48 : -44
21 : #1c204f : -42
23 : #1e2357 : -40
25 : #21265e : -38
27 : #242966 : -36
29 : #262c6d : -34
31 : #292f75 : -32
33 : #2c327d : -30
35 : #2e3684 : -28
37 : #31398c : -26
39 : #343c93 : -24
41 : #363f9b : -22
43 : #3942a2 : -20
45 : #3c45aa : -18
47 : #3e48b1 : -16
49 : #414bb9 : -14
51 : #4650be : -12
53 : #4e57c1 : -10
55 : #555ec3 : -8
57 : #5d65c6 : -6
59 : #646dc9 : -4
61 : #6c74cb : -2
63 : #737bce : ±0
65 : #7b82d1 : +2
67 : #8289d3 : +4
69 : #8a90d6 : +6
71 : #9297d9 : +8
73 : #999fdb : +10
75 : #a1a6de : +12
77 : #a8ade1 : +14
79 : #b0b4e3 : +16
81 : #b7bbe6 : +18
83 : #bfc2e8 : +20
85 : #c6c9eb : +22
87 : #ced1ee : +24
89 : #d5d8f0 : +26
91 : #dddff3 : +28
93 : #e5e6f6 : +30
95 : #ecedf8 : +32
97 : #f4f4fb : +34
99 : #fbfbfe : +36
CSS入門、作ってます。
text-shadow