#433357
RGB ( 赤 = 67, 緑 = 51, 青 = 87 )
HSL ( 色相 = 267°, 彩度 = 26%, 明度 = 27% )
H : 色相 ( 267° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #573733 : -260
17 : #573d33 : -250
27 : #574333 : -240
37 : #574933 : -230
47 : #574f33 : -220
57 : #575533 : -210
67 : #535733 : -200
77 : #4d5733 : -190
87 : #475733 : -180
97 : #415733 : -170
107 : #3b5733 : -160
117 : #355733 : -150
127 : #335737 : -140
137 : #33573d : -130
147 : #335743 : -120
157 : #335749 : -110
167 : #33574f : -100
177 : #335755 : -90
187 : #335357 : -80
197 : #334d57 : -70
207 : #334757 : -60
217 : #334157 : -50
227 : #333b57 : -40
237 : #333557 : -30
247 : #373357 : -20
257 : #3d3357 : -10
267 : #433357 : ±0
277 : #493357 : +10
287 : #4f3357 : +20
297 : #553357 : +30
307 : #573353 : +40
317 : #57334d : +50
327 : #573347 : +60
337 : #573341 : +70
347 : #57333b : +80
357 : #573335 : +90
257 : #3d3357 : -10
258 : #3e3357 : -9
259 : #3e3357 : -8
260 : #3f3357 : -7
261 : #3f3357 : -6
262 : #403357 : -5
263 : #413357 : -4
264 : #413357 : -3
265 : #423357 : -2
266 : #423357 : -1
267 : #433357 : ±0
268 : #443357 : +1
269 : #443357 : +2
270 : #453357 : +3
271 : #453357 : +4
272 : #463357 : +5
273 : #473357 : +6
274 : #473357 : +7
275 : #483357 : +8
276 : #483357 : +9
277 : #493357 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -26
2 : #454346 : -24
4 : #454248 : -22
6 : #444149 : -20
8 : #443f4a : -18
10 : #443e4c : -16
12 : #443d4d : -14
14 : #443b4e : -12
16 : #443a50 : -10
18 : #443851 : -8
20 : #433753 : -6
22 : #433654 : -4
24 : #433455 : -2
26 : #433357 : ±0
28 : #433258 : +2
30 : #43305a : +4
32 : #432f5b : +6
34 : #432d5c : +8
36 : #422c5e : +10
38 : #422b5f : +12
40 : #422960 : +14
42 : #422862 : +16
44 : #422763 : +18
46 : #422565 : +20
48 : #422466 : +22
50 : #412267 : +24
52 : #412169 : +26
54 : #41206a : +28
56 : #411e6b : +30
58 : #411d6d : +32
60 : #411c6e : +34
62 : #411a70 : +36
64 : #401971 : +38
66 : #401772 : +40
68 : #401674 : +42
70 : #401575 : +44
72 : #401376 : +46
74 : #401278 : +48
76 : #401179 : +50
78 : #3f0f7b : +52
80 : #3f0e7c : +54
82 : #3f0c7d : +56
84 : #3f0b7f : +58
86 : #3f0a80 : +60
88 : #3f0881 : +62
90 : #3f0783 : +64
92 : #3f0684 : +66
94 : #3e0486 : +68
96 : #3e0387 : +70
98 : #3e0188 : +72
100 : #3e008a : +74
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -26
3 : #07060a : -24
5 : #0c0910 : -22
7 : #110d16 : -20
9 : #16111d : -18
11 : #1b1523 : -16
13 : #20192a : -14
15 : #251c30 : -12
17 : #2a2037 : -10
19 : #2f243d : -8
21 : #342843 : -6
23 : #392b4a : -4
25 : #3e2f50 : -2
27 : #433357 : ±0
29 : #48375d : +2
31 : #4d3a64 : +4
33 : #523e6a : +6
35 : #574270 : +8
37 : #5c4677 : +10
39 : #614a7d : +12
41 : #664d84 : +14
43 : #6b518a : +16
45 : #705591 : +18
47 : #755997 : +20
49 : #7a5c9d : +22
51 : #7f62a3 : +24
53 : #8468a6 : +26
55 : #896eaa : +28
57 : #8e75ae : +30
59 : #947bb2 : +32
61 : #9982b5 : +34
63 : #9e88b9 : +36
65 : #a38fbd : +38
67 : #a995c1 : +40
69 : #ae9bc5 : +42
71 : #b3a2c8 : +44
73 : #b8a8cc : +46
75 : #beafd0 : +48
77 : #c3b5d4 : +50
79 : #c8bcd7 : +52
81 : #cdc2db : +54
83 : #d3c8df : +56
85 : #d8cfe3 : +58
87 : #ddd5e6 : +60
89 : #e2dcea : +62
91 : #e7e2ee : +64
93 : #ede9f2 : +66
95 : #f2eff6 : +68
97 : #f7f5f9 : +70
99 : #fcfcfd : +72
CSS入門、作ってます。
text-shadow