#ce2686
RGB
赤 | 206 |
---|---|
緑 | 38 |
青 | 134 |
HSL
色相 | 326° |
---|---|
彩度 | 69% |
明度 | 48% |
輝度 | 39% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 206, 緑 = 38, 青 = 134 )
HSL ( 色相 = 326°, 彩度 = 69%, 明度 = 48% )
H : 色相 ( 326° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #cf3726 : -320
16 : #cf5326 : -310
26 : #cf6f26 : -300
36 : #cf8b26 : -290
46 : #cfa726 : -280
56 : #cfc426 : -270
66 : #becf26 : -260
76 : #a2cf26 : -250
86 : #86cf26 : -240
96 : #6acf26 : -230
106 : #4dcf26 : -220
116 : #31cf26 : -210
126 : #26cf37 : -200
136 : #26cf53 : -190
146 : #26cf6f : -180
156 : #26cf8b : -170
166 : #26cfa7 : -160
176 : #26cfc4 : -150
186 : #26becf : -140
196 : #26a2cf : -130
206 : #2686cf : -120
216 : #266acf : -110
226 : #264dcf : -100
236 : #2631cf : -90
246 : #3726cf : -80
256 : #5326cf : -70
266 : #6f26cf : -60
276 : #8b26cf : -50
286 : #a726cf : -40
296 : #c426cf : -30
306 : #cf26be : -20
316 : #cf26a2 : -10
326 : #cf2686 : ±0
336 : #cf266a : +10
346 : #cf264d : +20
356 : #cf2631 : +30
316 : #cf26a2 : -10
317 : #cf269f : -9
318 : #cf269c : -8
319 : #cf2699 : -7
320 : #cf2697 : -6
321 : #cf2694 : -5
322 : #cf2691 : -4
323 : #cf268e : -3
324 : #cf268b : -2
325 : #cf2688 : -1
326 : #cf2686 : ±0
327 : #cf2683 : +1
328 : #cf2680 : +2
329 : #cf267d : +3
330 : #cf267a : +4
331 : #cf2678 : +5
332 : #cf2675 : +6
333 : #cf2672 : +7
334 : #cf266f : +8
335 : #cf266c : +9
336 : #cf266a : +10
S : 彩度 ( 69% )
(0%) 渋い ~ 鮮やか (100%)
1 : #7c797b : -68
3 : #7e777b : -66
5 : #81747b : -64
7 : #83727c : -62
9 : #856f7c : -60
11 : #886d7c : -58
13 : #8a6a7d : -56
15 : #8d687d : -54
17 : #8f667d : -52
19 : #92637e : -50
21 : #94617e : -48
23 : #975e7e : -46
25 : #995c7e : -44
27 : #9b597f : -42
29 : #9e577f : -40
31 : #a0547f : -38
33 : #a35280 : -36
35 : #a55080 : -34
37 : #a84d80 : -32
39 : #aa4b81 : -30
41 : #ad4881 : -28
43 : #af4681 : -26
45 : #b14382 : -24
47 : #b44182 : -22
49 : #b63e82 : -20
51 : #b93c83 : -18
53 : #bb3a83 : -16
55 : #be3783 : -14
57 : #c03584 : -12
59 : #c33284 : -10
61 : #c53084 : -8
63 : #c82d85 : -6
65 : #ca2b85 : -4
67 : #cc2885 : -2
69 : #cf2686 : ±0
71 : #d12386 : +2
73 : #d42186 : +4
75 : #d61f87 : +6
77 : #d91c87 : +8
79 : #db1a87 : +10
81 : #de1788 : +12
83 : #e01588 : +14
85 : #e21288 : +16
87 : #e51089 : +18
89 : #e70d89 : +20
91 : #ea0b89 : +22
93 : #ec098a : +24
95 : #ef068a : +26
97 : #f1048a : +28
99 : #f4018b : +30
L : 明度 ( 48% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -48
2 : #090206 : -46
4 : #11030b : -44
6 : #1a0511 : -42
8 : #220616 : -40
10 : #2b081c : -38
12 : #340921 : -36
14 : #3c0b27 : -34
16 : #450d2d : -32
18 : #4e0e32 : -30
20 : #561038 : -28
22 : #5f113d : -26
24 : #671343 : -24
26 : #701548 : -22
28 : #79164e : -20
30 : #811854 : -18
32 : #8a1959 : -16
34 : #931b5f : -14
36 : #9b1c64 : -12
38 : #a41e6a : -10
40 : #ac206f : -8
42 : #b52175 : -6
44 : #be237b : -4
46 : #c62480 : -2
48 : #cf2686 : ±0
50 : #d7288b : +2
52 : #d93090 : +4
54 : #db3994 : +6
56 : #dc4199 : +8
58 : #de4a9e : +10
60 : #df53a2 : +12
62 : #e15ba7 : +14
64 : #e364ac : +16
66 : #e46cb0 : +18
68 : #e675b5 : +20
70 : #e77eba : +22
72 : #e986be : +24
74 : #ea8fc3 : +26
76 : #ec98c7 : +28
78 : #eea0cc : +30
80 : #efa9d1 : +32
82 : #f1b1d5 : +34
84 : #f2bada : +36
86 : #f4c3df : +38
88 : #f6cbe3 : +40
90 : #f7d4e8 : +42
92 : #f9ddec : +44
94 : #fae5f1 : +46
96 : #fceef6 : +48
98 : #fdf6fa : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow